多浏览器兼容的JavaScript浮动窗口
关键词：
《script language＝‘javascript’》
var LoginUI = !!window.LoginUI || {};
LoginUI.getViewportWidth = function(){
var width=0;
if(document.documentElement document.documentElement.clientWidth){
width=document.documentElement.clientWidth;
}else if(document.body document.body.clientWidth){
width=document.body.clientWidth;
}else if(window.innerWidth){
width=window.innerWidth-18;
}
return width;
}
LoginUI.getViewportHeight = function(){
var height=0;
if(window.innerHeight){
height=window.innerHeight-18;
}else if(document.documentElement document.documentElement.clientHeight){
height=document.documentElement.clientHeight;
}else if(document.body document.body.clientHeight){
height=document.body.clientHeight;
}
return height/1.7;
}
LoginUI.getViewportScrollX = function(){
var scrollX=0;
if(document.documentElement document.documentElement.scrollLeft){
scrollX=document.documentElement.scrollLeft;
}else if(document.body document.body.scrollLeft){
scrollX=document.body.scrollLeft;
}else if(window.pageXOffset){
scrollX=window.pageXOffset;
}else if(window.scrollX){
scrollX=window.scrollX;
}
return scrollX;
}
LoginUI.getViewportScrollY = function(){
var scrollY=0;
if(document.documentElement document.documentElement.scrollTop){
scrollY=document.documentElement.scrollTop;
}else if(document.body document.body.scrollTop){
scrollY=document.body.scrollTop;
}else if(window.pageYOffset){
scrollY=window.pageYOffset;
}else if(window.scrollY){
scrollY=window.scrollY;
}
return scrollY;
}
function ret_obj(id){
return document.getElementById(id);
}
function scrollMsgTip(){
ret_obj(’msgtip’).style.top = LoginUI.getViewportHeight()+LoginUI.getViewportScrollY()-ret_obj(’msgtip’).offsetHeight+’px’;
ret_obj(’msgtip’).style.left = LoginUI.getViewportWidth()+LoginUI.getViewportScrollX()-ret_obj(’msgtip’).offsetWidth+’px’;
// ret_obj(’msgtip’).style.left = ’0px’;
}
function scrollTip(){
scrollMsgTip();
}
window.onload = window.onscroll = scrollTip;
《/script》
《div id＝‘msgtip’ style＝‘position:absolute;top:0;left:0;width:138px;border:0px double #AAA; background-color:#FFF;’》
内容
《/div》
var LoginUI = !!window.LoginUI || {};
LoginUI.getViewportWidth = function(){
var width=0;
if(document.documentElement document.documentElement.clientWidth){
width=document.documentElement.clientWidth;
}else if(document.body document.body.clientWidth){
width=document.body.clientWidth;
}else if(window.innerWidth){
width=window.innerWidth-18;
}
return width;
}
LoginUI.getViewportHeight = function(){
var height=0;
if(window.innerHeight){
height=window.innerHeight-18;
}else if(document.documentElement document.documentElement.clientHeight){
height=document.documentElement.clientHeight;
}else if(document.body document.body.clientHeight){
height=document.body.clientHeight;
}
return height/1.7;
}
LoginUI.getViewportScrollX = function(){
var scrollX=0;
if(document.documentElement document.documentElement.scrollLeft){
scrollX=document.documentElement.scrollLeft;
}else if(document.body document.body.scrollLeft){
scrollX=document.body.scrollLeft;
}else if(window.pageXOffset){
scrollX=window.pageXOffset;
}else if(window.scrollX){
scrollX=window.scrollX;
}
return scrollX;
}
LoginUI.getViewportScrollY = function(){
var scrollY=0;
if(document.documentElement document.documentElement.scrollTop){
scrollY=document.documentElement.scrollTop;
}else if(document.body document.body.scrollTop){
scrollY=document.body.scrollTop;
}else if(window.pageYOffset){
scrollY=window.pageYOffset;
}else if(window.scrollY){
scrollY=window.scrollY;
}
return scrollY;
}
function ret_obj(id){
return document.getElementById(id);
}
function scrollMsgTip(){
ret_obj(’msgtip’).style.top = LoginUI.getViewportHeight()+LoginUI.getViewportScrollY()-ret_obj(’msgtip’).offsetHeight+’px’;
ret_obj(’msgtip’).style.left = LoginUI.getViewportWidth()+LoginUI.getViewportScrollX()-ret_obj(’msgtip’).offsetWidth+’px’;
// ret_obj(’msgtip’).style.left = ’0px’;
}
function scrollTip(){
scrollMsgTip();
}
window.onload = window.onscroll = scrollTip;
《/script》
《div id＝‘msgtip’ style＝‘position:absolute;top:0;left:0;width:138px;border:0px double #AAA; background-color:#FFF;’》
内容
《/div》
感谢您对翰文计算机学习网的支持