您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery效果 > 正文

jquery图片无缝滚动特效

2014-04-15 01:04:19 作者:天外飞仙 人气:1086 Views

jquery图片无缝滚动特效
jquery图片无缝滚动特效
引入js代码

<script type="text/javascript"> //js无缝滚动代码 function marquee(i, direction) { var obj = document.getElementById("marquee" + i); var obj1 = document.getElementById("marquee" + i + "_1"); var obj2 = document.getElementById("marquee" + i + "_2"); if (direction == "up") { if (obj2.offsetTop - obj.scrollTop <= 0) { obj.scrollTop -= (obj1.offsetHeight + 20); } else { var tmp = obj.scrollTop; obj.scrollTop++; if (obj.scrollTop == tmp) { obj.scrollTop = 1; } } } else { if (obj2.offsetWidth - obj.scrollLeft <= 0) { obj.scrollLeft -= obj1.offsetWidth; } else { obj.scrollLeft++; } } } function marqueeStart(i, direction) { var obj = document.getElementById("marquee" + i); var obj1 = document.getElementById("marquee" + i + "_1"); var obj2 = document.getElementById("marquee" + i + "_2"); obj2.innerHTML = obj1.innerHTML; var marqueeVar = window.setInterval("marquee(" + i + ", '" + direction + "')", 20); obj.onmouseover = function() { window.clearInterval(marqueeVar); } obj.onmouseout = function() { marqueeVar = window.setInterval("marquee(" + i + ", '" + direction + "')", 20); } }</script>

jQuery吧整理http://www.jqueryba.com/3700.html
下载地址
预览地址

链接:http://www.jqueryba.com/3700.html(转载时请注明本文出处及文章链接)
分类:jQuery效果

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!