|
 |
栏目导栏 |
|
| |
|
|
|
|
 |
资料搜索 |
|
| |
|
|
|
|
 |
热门文章 |
|
| |
|
|
|
|
 |
最新文章 |
|
| |
|
|
|
| |
| |
|
|
|
|
网页漂浮广图片特效,这种特效我们总是很喜欢,鼠标指向图片后图片停止移动。 <pre>ES8Linux联盟 <div id="ad" style="position:absolute"><a href="http://www.cnwebshow.com">ES8Linux联盟 <img src="/img/200406301.jpg" border="0"></a>ES8Linux联盟 </div>ES8Linux联盟 <script>ES8Linux联盟 var x = 50,y = 60ES8Linux联盟 var xin = true, yin = trueES8Linux联盟 var step = 1 ES8Linux联盟 var delay = 10ES8Linux联盟 var obj=document.getElementById("ad") ES8Linux联盟 function floatAD() {ES8Linux联盟 var L=T=0ES8Linux联盟 var R= document.body.clientWidth-obj.offsetWidthES8Linux联盟 var B = document.body.clientHeight-obj.offsetHeightES8Linux联盟 obj.style.left = x + document.body.scrollLeftES8Linux联盟 obj.style.top = y + document.body.scrollTopES8Linux联盟 x = x + step*(xin?1:-1) ES8Linux联盟 if (x < L) { xin = true; x = L} ES8Linux联盟 if (x > R){ xin = false; x = R} ES8Linux联盟 y = y + step*(yin?1:-1) ES8Linux联盟 if (y < T) { yin = true; y = T } ES8Linux联盟 if (y > B) { yin = false; y = B } ES8Linux联盟 }ES8Linux联盟 var itl= setInterval("floatAD()", delay) ES8Linux联盟 obj.onmouseover=function(){clearInterval(itl)} ES8Linux联盟 obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}ES8Linux联盟 </script>ES8Linux联盟 </pre>
Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论 |
|
|
|
|
|