您的位置：首页 > 编程语言

右下角浮动窗口代码示例

2011-03-03 20:23 204 查看 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<mce:script type="text/javascript"><!--
function $(id)
{
return document.getElementById(id);
}
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;
}
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 scrollMsgTip()
{
var t = LoginUI.getViewportHeight() + LoginUI.getViewportScrollY() - $("msgtip").offsetHeight;
$("msgtip").style.top = t + "px";
$("msgtip").style.left = LoginUI.getViewportWidth() + LoginUI.getViewportScrollX() - $("msgtip").offsetWidth + "px";
}
function scrollTip()
{
scrollMsgTip()
}
window.onload = window.onscroll = scrollTip;
// --></mce:script> 
</HEAD>
<BODY>
<div style='position:absolute;top:0;left:0;width:300px;height:180px;border:3px double #AAA' id='msgtip'>
hello, this is second page</div>
11
111111
<br>
111111
<br>
111111
<br>
111111
<br>
111111
<br>111111
<br>
<br>
<br><br>
<br><br>
<br>
<br>
111111
<br>
111111
<br>111111
<br>
<br>
<br><br>
<br><br>
<br>
<br>
111111
<br>
111111
<br>111111
<br>
<br>
<br><br>
<br><br>
<br>
111111
<br>
111111
<br>111111
<br>
111111
<br>111111
<br>
<br>
<br><br>
<br><br>
<br>
<br>
111111
<br>
111111
<br>111111
<br>
<br>
<br><br>
<br><br>
<br>
<br>
111111
<br>
111111
<br>111111
<br>
<br>
<br><br>
<br><br>
<br>
111111
<br>
111111
<br>111111
<br>
111111
<br>111111
<br>
<br>
<br><br>
<br><br>
<br>
<br>
111111
<br>
111111
<br>111111
<br>
<br>
<br><br>
<br><br>
<br>
<br>
111111
<br>
111111
<br>111111
<br>
<br>
<br><br>
<br><br>
<br>
111111
<br>
111111
<br>111111
</BODY>
</HTML>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航