右下角可关闭随页面滚动的弹出广告浏览代码脚本代码 IT人家-为IT人民服务！

联系我们 | 收藏 | 注册 | 登录

脚本代码网络精品、绝对收藏!

电子杂志企业建站

QQ表情大全　电子杂志制作　 2010圣诞素材　 2010虎年素材　收录站集合　站长工具　站长导航　精品购物　新年素材　电子地图　

脚本代码 - Javascript/dom - 浏览代码 - 右下角可关闭随页面滚动的弹出广告

右下角可关闭随页面滚动的弹出广告

http://www.webkey.cn/ 2010-2-3 16:17:28

<!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">您有新的短消息！X</div> <div class="con">1条未读信息(</div> </div> 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码右角可关闭随屏滚动代码。右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码右角可关闭随屏滚动代码。右角可关闭随屏滚动代码 右角可关闭随屏滚动代码右角可关闭随屏滚动代码。右角可关闭随屏滚动代码 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码。右角可关闭随屏滚动代码 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码右角可关闭随屏滚动代码 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码右角可关闭随屏滚动代码。右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码右角可关闭随屏滚动代码。右角可关闭随屏滚动代码 右角可关闭随屏滚动代码右角可关闭随屏滚动代码。右角可关闭随屏滚动代码 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码。右角可关闭随屏滚动代码 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码右角可关闭随屏滚动代码 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码。右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码右角可关闭随屏滚动代码。右角可关闭随屏滚动代码。 右角可关闭随屏滚动代码右角可关闭随屏滚动代码。右角可关闭随屏滚动代码 右角可关闭随屏滚动代码右角可关闭随屏滚动代码。 </body> </html>

所属分类: Javascript/dom 所属专题:

共有 771 人次浏览收藏本页返回上一页责任编辑: atom