<p>js右下角弹出广告代码<br /> <br /> <br /> <br /> <meta content="text/html; charset=gb2312" http-equiv="Content-Type" /><br /> <br /> <style type="text/css"><br /> #winpop { width:200px; height:0px; position:absolute; right:0; bottom:0; border:1px solid #666; margin:0; padding:1px; overflow:hidden; display:none;}<br /> #winpop .title { width:100%; height:22px; line-height:20px; background:#FFCC00; font-weight:bold; text-align:center; font-size:12px;}<br /> #winpop .con { width:100%; height:90px; line-height:80px; font-weight:bold; font-size:12px; color:#FF0000; text-decoration:underline; text-align:center} <br /> #silu { font-size:12px; color:#666; position:absolute; right:0; text-align:right; text-decoration:underline; line-height:22px;}<br /> .close { position:absolute; right:4px; top:-1px; color:#FFF; cursor:pointer}<br /> </style> <br /> <br /> <script type="text/javascript"><br /> function tips_pop(){<br /> var MsgPop=document.getElementById("winpop");<br /> var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字<br /> if (popH==0){<br /> MsgPop.style.display="block";//显示隐藏的窗口<br /> show=setInterval("changeH('up')",2);<br /> }<br /> else { <br /> hide=setInterval("changeH('down')",2);<br /> }<br /> }<br /> function changeH(str) {<br /> var MsgPop=document.getElementById("winpop");<br /> var popH=parseInt(MsgPop.style.height);<br /> if(str=="up"){<br /> if (popH<=100){<br /> MsgPop.style.height=(popH+4).toString()+"px";<br /> }<br /> else{ <br /> clearInterval(show);<br /> }<br /> }<br /> if(str=="down"){ <br /> if (popH>=4){ <br /> MsgPop.style.height=(popH-4).toString()+"px";<br /> }<br /> else{ <br /> clearInterval(hide); <br /> MsgPop.style.display="none"; //隐藏DIV<br /> }<br /> }<br /> }<br /> window.onload=function(){//加载<br /> document.getElementById('winpop').style.height='0px';<br /> setTimeout("tips_pop()",800);//3秒后调用tips_pop()这个函数<br /> }<br /> </script><br /> <br /> <br /> <br /> <br /> </p> <div id="winpop"> <div class="title">您有新的短消息!<span class="close" onclick="tips_pop()">X</span></div> <div class="con">1条未读信息</div> <br /> </div> <p><br /> <br /> <br /> <br /> 如果想让它跟着浏览器走,在js里添加下面代码。<br /> function tips_pop(){<br /> var MsgPop=document.getElementById(&quot;winpop&quot;);<br /> var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字<br /> if (popH==0){<br /> MsgPop.style.display=&quot;block&quot;;//显示隐藏的窗口<br /> show=setInterval(&quot;changeH(&#39;up&#39;)&quot;,2);<br /> }<br /> else {<br /> hide=setInterval(&quot;changeH(&#39;down&#39;)&quot;,2);<br /> }<br /> }<br /> function changeH(str) {<br /> var MsgPop=document.getElementById(&quot;winpop&quot;);<br /> var popH=parseInt(MsgPop.style.height);<br /> if(str==&quot;up&quot;){<br /> if (popH&lt;=298){<br /> MsgPop.style.height=(popH+30).toString()+&quot;px&quot;;<br /> }<br /> else{<br /> clearInterval(show);<br /> }<br /> }<br /> if(str==&quot;down&quot;){<br /> if (popH&gt;=4){<br /> MsgPop.style.height=(popH-30).toString()+&quot;px&quot;;<br /> }<br /> else{<br /> clearInterval(hide);<br /> MsgPop.style.display=&quot;none&quot;; //隐藏DIV<br /> }<br /> }<br /> }<br /> window.onload=function(){//加载<br /> document.getElementById(&#39;winpop&#39;).style.height=&#39;0px&#39;;<br /> setTimeout(&quot;tips_pop()&quot;,800);//3秒后调用tips_pop()这个函数<br /> var tt=document.documentElement.clientHeight-300;<br /> new couplet(&quot;winpop&quot;,tt,-1);<br /> //alert(document.documentElement.clientHeight);<br /> }<br /> <br /> function couplet(){<br /> if(arguments.length&gt;=1) this.objID = document.getElementById(arguments[0]);<br /> if(arguments.length&gt;=2) this.divTop = arguments[1];<br /> if(arguments.length&gt;=3) this.divPlane = arguments[2];<br /> if(arguments.length&gt;=4) this.scrollDelay = arguments[4];<br /> if(arguments.length&gt;=5) this.waitTime = arguments[5];<br /> if(!this.objID){<br /> alert(&quot;对象名【&quot;+ arguments[0] +&quot;】无效,对联无法初始化,请检查对象名称是否正确!&quot;);<br /> this.objID = null; return;<br /> }else{<br /> this.objID.style.position=&quot;absolute&quot;;<br /> this.objID.style.display=&quot;block&quot;;<br /> this.objID.style.zIndex=9999;<br /> }<br /> if(&quot;&quot; == this.objID.style.top){<br /> if(isNaN(this.divTop)){<br /> alert(&quot;对象垂直位置(top)参数必须为数字。&quot;); return;<br /> }else{<br /> this.objID.style.top = this.divTop+&quot;px&quot;;<br /> }<br /> }<br /> if(&quot;&quot; == this.objID.style.left &amp;&amp; &quot;&quot; == this.objID.style.right){<br /> if(isNaN(this.divPlane)){<br /> alert(&quot;对象水平位置(left||right)参数必须为数字。&quot;); return;<br /> }<br /> if(this.divPlane&gt;0) this.objID.style.left = this.divPlane+&quot;px&quot;;<br /> if(this.divPlane&lt;0) this.objID.style.right = Math.abs(this.divPlane)+&quot;px&quot;;<br /> }<br /> if(this.scrollDelay&lt;15 || isNaN(this.scrollDelay)) this.scrollDelay = 15;<br /> if(this.waitTime&lt;500 || isNaN(this.waitTime)) this.waitTime = 500;<br /> if(arguments.length&gt;=1) this.start();<br /> }<br /> couplet.prototype.start = function(){<br /> if(null == this.objID) return;<br /> var objCouplet = this;<br /> timer = this.scrollDelay;<br /> objCouplet.lastScrollY = 0;<br /> objCouplet.timerID = null;<br /> objCouplet.startID = function(){<br /> if(&quot;block&quot; == objCouplet.objID.style.display){<br /> objCouplet.run();<br /> }else{<br /> clearInterval(objCouplet.timerID);<br /> }<br /> }<br /> objCouplet.Begin = function(){<br /> objCouplet.timerID = setInterval(objCouplet.startID,timer);<br /> }<br /> <br /> setTimeout(objCouplet.Begin,this.waitTime);<br /> }<br /> couplet.prototype.run = function(){<br /> if(document.documentElement &amp;&amp; document.documentElement.scrollTop){<br /> uu_scrY = parseFloat(document.documentElement.scrollTop);<br /> }else if(document.body){<br /> uu_scrY = parseFloat(document.body.scrollTop);<br /> }<br /> uu_divX = parseFloat(this.objID.style.top.replace(&quot;px&quot;,&quot;&quot;));<br /> uu_curTop = .1 * (uu_scrY - this.lastScrollY);<br /> uu_curTop = uu_curTop&gt;0?Math.ceil(uu_curTop):Math.floor(uu_curTop);<br /> this.objID.style.top = parseFloat(uu_divX + uu_curTop) + &quot;px&quot;;<br /> this.lastScrollY += uu_curTop;<br /> }<br /> </p>
T:0.003930s,M:243.68 KB
返回顶部 留言