JS漂浮广告代码,图片飘动,响应鼠标停止
2013-05-17 16:58
726 查看
<html> <head> <title>漂浮广告代码</title> </head> <body> <div id="img" style="position:absolute;z-index=99;"> <a href="http://www.veryhuo.com"><img src="/images/logo.gif" border="0" alt='img'></a> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var xPos = document.body.clientWidth-20; var yPos = document.body.clientHeight/2; var step = 1; var delay = 5; 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(); img.onmouseover = function() { clearInterval(interval); interval = null; } img.onmouseout = function() { interval = setInterval('changePos()', delay); } // End --> </script> </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
img.rar (885 Bytes)
下载次数: 3
相关文章推荐
- 漂浮广告JS代码,图片飘动特效
- 经典的js物理弹性漂浮图片广告代码
- JS打造的一款响应鼠标变化很炫的图片特效代码
- 《js-图片漂浮广告代码-特效》
- 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止。它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用。
- js 漂浮广告代码(支持一个页面多次使用,其中一个带关闭功能哦!^^)
- 兼容性非常好的js右下角与漂浮广告代码
- JS带关闭按钮的网页漂浮广告代码
- 淘宝商城首页鼠标经过整个区域图片变暗变亮的JS特效代码
- 鼠标滑上去后图片放大浮出效果的js代码
- js实现鼠标经过时图片滚动停止的方法
- 无页码换图片广告js代码
- JS图片根据鼠标滚动延时加载的实例代码
- JS+CSS控制左右切换鼠标可控的无缝图片滚动代码
- 鼠标滑过图片出现大图片提示层效果js代码
- JS实现弹性漂浮效果的广告代码
- 随机漂浮图片广告实例代码
- 无需JS和jQuery代码实现CSS3鼠标浮动放大图片
- js右下角与漂浮广告代码(兼容多浏览器)
- js图片滚动,鼠标经过滚动停止效果