网页任意浮动广告
2014-12-29 14:00
169 查看
<div id="img" style="filter: Alpha(Opacity=90); position: absolute"> <a href="http://www.tsingtao-equip.com/" target="_blank"> <img height="100" src="Resources/images/top6.jpg" width="100" style=" border:solid 1px red;" alt=""></a> </div>
<script language="JavaScript" type="text/javascript"> var xPos = 20; var yPos = document.body.clientHeight; var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = true; var interval; img.style.top = yPos; function changePos() { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; img.style.left = xPos + document.body.scrollLeft; img.style.top = yPos + document.body.scrollTop; if (yon) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { yon = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { yon = 0; yPos = (height - Hoffset); } if (xon) { xPos = xPos + step; } else { xPos = xPos - step; } if (xPos < 0) { xon = 1; xPos = 0; } if (xPos >= (width - Woffset)) { xon = 0; xPos = (width - Woffset); } } function start() { img.visibility = "visible"; interval = setInterval('changePos()', delay); } start(); </script>
相关文章推荐
- 兼容IE6的网页广告右下角浮动 JS代码
- 网页两侧浮动广告
- 如何实现网页中的浮动广告
- 不抖动的网页浮动广告
- 可以任意拖拽的浮动广告[转]
- js实现从右向左缓缓浮出网页浮动层广告的方法
- 浮动广告代码在网页两侧
- 网页上加上 页浮动广告的一段JS就不管用,是doctype的原因
- 网页HTML右侧浮动DIV层广告或在线客服图片框最佳代码(支持Firefox&IE)
- 浮动广告代码在网页两侧
- 为网页添加浮动广告
- 网页上加上 页浮动广告的一段JS就不管用,是doctype的原因
- 从右向左缓缓浮出的网页浮动层广告
- 浮动广告代码在网页两侧
- 浮动广告代码在网页两侧
- 浮动广告代码在网页两侧
- JS实现同时存在两个漂浮广告在网页中浮动
- 转摘_用JavaScript实现网页上的浮动广告
- 浮动广告代码在网页两侧
- 关于遨游等浏览器对浮动广告过滤引起的网页js错误