联系我们 | 收藏 | 注册 | 登录
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> #winpop { width:200px; height:0px; position:absolute; right:0; bottom:0; border:1px solid #666; margin:0; padding:1px; overflow:hidden; display:none;} #winpop .title { width:100%; height:22px; line-height:20px; background:#FFCC00; font- weight:bold; text-align:center; font-size:12px;} #winpop .con { width:100%; height:60px; line-height:20px; font-weight:bold; font-size:12px; color:#FF0000; text-decoration:underline; text-align:center} #silu { font-size:12px; color:#666; position:absolute; right:0; text-align:right; text- decoration:underline; line-height:22px;} .close { position:absolute; right:4px; top:-1px; color:#FFF; cursor:pointer} </style> <script type="text/javascript"> function tips_pop(){ var MsgPop=document.getElementById("winpop"); var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字 if (popH==0){ MsgPop.style.display="block";//显示隐藏的窗口 show=setInterval("changeH('up')",2); } else { hide=setInterval("changeH('down')",2); } } function changeH(str) { var MsgPop=document.getElementById("winpop"); var popH=parseInt(MsgPop.style.height); if(str=="up"){ if (popH<=298){ MsgPop.style.height=(popH+30).toString()+"px"; } else{ clearInterval(show); } } if(str=="down"){ if (popH>=4){ MsgPop.style.height=(popH-30).toString()+"px"; } else{ clearInterval(hide); MsgPop.style.display="none"; //隐藏DIV } } } window.onload=function(){//加载 document.getElementById('winpop').style.height='0px'; setTimeout("tips_pop()",800);//3秒后调用tips_pop()这个函数 var tt=document.documentElement.clientHeight-100; new couplet("winpop",tt,-1); //alert(document.documentElement.clientHeight); } function couplet(){ if(arguments.length>=1) this.objID = document.getElementById(arguments[0]); if(arguments.length>=2) this.divTop = arguments[1]; if(arguments.length>=3) this.divPlane = arguments[2]; if(arguments.length>=4) this.scrollDelay = arguments[4]; if(arguments.length>=5) this.waitTime = arguments[5]; if(!this.objID){ alert("对象名【"+ arguments[0] +"】无效,对联无法初始化,请检查对象名称是否正确!"); this.objID = null; return; }else{ this.objID.style.position="absolute"; this.objID.style.display="block"; this.objID.style.zIndex=9999; } if("" == this.objID.style.top){ if(isNaN(this.divTop)){ alert("对象垂直位置(top)参数必须为数字。"); return; }else{ this.objID.style.top = this.divTop+"px"; } } if("" == this.objID.style.left && "" == this.objID.style.right){ if(isNaN(this.divPlane)){ alert("对象水平位置(left||right)参数必须为数字。"); return; } if(this.divPlane>0) this.objID.style.left = this.divPlane+"px"; if(this.divPlane<0) this.objID.style.right = Math.abs(this.divPlane)+"px"; } if(this.scrollDelay<15 || isNaN(this.scrollDelay)) this.scrollDelay = 15; if(this.waitTime<500 || isNaN(this.waitTime)) this.waitTime = 500; if(arguments.length>=1) this.start(); } couplet.prototype.start = function(){ if(null == this.objID) return; var objCouplet = this; timer = this.scrollDelay; objCouplet.lastScrollY = 0; objCouplet.timerID = null; objCouplet.startID = function(){ if("block" == objCouplet.objID.style.display){ objCouplet.run(); }else{ clearInterval(objCouplet.timerID); } } objCouplet.Begin = function(){ objCouplet.timerID = setInterval(objCouplet.startID,timer); } setTimeout(objCouplet.Begin,this.waitTime); } couplet.prototype.run = function(){ if(document.documentElement && document.documentElement.scrollTop){ uu_scrY = parseFloat(document.documentElement.scrollTop); }else if(document.body){ uu_scrY = parseFloat(document.body.scrollTop); } uu_divX = parseFloat(this.objID.style.top.replace("px","")); uu_curTop = .1 * (uu_scrY - this.lastScrollY); uu_curTop = uu_curTop>0?Math.ceil(uu_curTop):Math.floor(uu_curTop); this.objID.style.top = parseFloat(uu_divX + uu_curTop) + "px"; this.lastScrollY += uu_curTop; } </script> </head> <body> <div id="winpop"> <div class="title">您有新的短消息!<span class="close" onclick="tips_pop()">X</span></div> <div class="con">1条未读信息(</div> </div> <p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码 </p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码 </p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码 </p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码 </p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码 </p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码 </p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码。 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。</p><p>右角可关闭随屏滚动代码 </p><p>右角可关闭随屏滚动代码</p><p>右角可关闭随屏滚动代码。</p> </body> </html>
版权所有 2007 IT人家
粤ICP备06126651号 本站法律顾问:刘军律师(13911516355)