<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.gdwd.net/" target="_blank">捷迅网络</a> </p>
<p>＊尊重他人劳动成果，转载请自觉注明出处！</p>
<p></p>
<p>js物理弹性漂浮广告</p>
<p></p>
<p> </p>
</div>
</body>
</html>
js物理弹性漂浮广告支持ie8和firefox（最新）
Thursday, 2011/7/7 18:55 — quany —![http://www.gdwd.net/](http://blog.iszweb.com/upload/201107071951522665.gif" width="80" height="80" border="0"></a></DIV><br /><div align="center"><br /> <p><br /><SCRIPT language="javascript"></p><p> <br />var img = document.getElementById("img"); <br />var xPos = 20; <br />var yPos = document.documentElement.clientWidth - img.offsetHeight; <br />var step = 1; <br />var delay = 5; <br />var height = 0; <br />var Hoffset = 0; <br />var Woffset = 0; <br />var yon = 0; <br />var xon = 0; <br />var pause = true; <br />var interval; <br />img.style.top = yPos + "px"; <br />function changePos() { <br />width = document.documentElement.clientWidth; <br />height = document.documentElement.clientHeight; <br />Hoffset = img.offsetHeight; <br />Woffset = img.offsetWidth; <br />img.style.left = xPos + document.documentElement.scrollLeft + "px"; <br />img.style.top = yPos + document.documentElement.scrollTop + "px"; <br />if (yon) { <br />yPos = yPos + step; <br />} else { <br />yPos = yPos - step; <br />} <br />if (yPos < 0) { <br />yon = 1; <br />yPos = 0; <br />} <br />if (yPos >= (height - Hoffset)) { <br />yon = 0; <br />yPos = (height - Hoffset); <br />} <br />if (xon) { <br />xPos = xPos + step; <br />} <br />else { <br />xPos = xPos - step; <br />} <br />if (xPos < 0) { <br />xon = 1; <br />xPos = 0; <br />} <br />if (xPos >= (width - Woffset)) { <br />xon = 0; <br />xPos = (width - Woffset); <br />} <br />} <br />function start() { <br />img.visibility = "visible"; <br /> interval = setInterval('changePos()',delay);<br />} <br />start(); </p><p><br /></SCRIPT><br /> </p><br /> <p> </p><br /> <p> </p><br /> <p> </p><br /> <p> </p><br /> <p> </p><br /> <p>代码整理：<a href="<a href=){kind=link}
- js 自动切换背景图片 (2011-6-7 14:11:38)
- document.body的一些用法 (2011-6-7 14:6:8)
- 网页特效-时间特效-同时显示阳历和阴历的时间 (2011-4-1 18:48:17)
- 很好的日期选择器 (ie6、IE8、Google浏览器和Firefox测试通过) (2011-3-24 9:52:40)
- js 弹窗大全 (2011-3-22 11:4:44)
最新评论