jquery 实现图片无缝向左滚动
<script type="text/javascript" src="_pub/Script/jquery.js"></script>
<script type="text/javascript">
$(function () {
var demo = $("#demo");
var demo1 = $("#demo1");
var demo2 = $("#demo2");
demo2.html(demo1.html());
function Marquee() {
//无缝向左滚动
if (demo.scrollLeft() > demo1.width()) {
demo.scrollLeft(0);
} else {
demo.scrollLeft(demo.scrollLeft() + 1);
}
}
var speed = 20;
var myMar = setInterval(Marquee, speed);
demo.mouseover(function () {
clearInterval(myMar);
});
demo.mouseout(function () {
myMar = setInterval(Marquee, speed);
});
})
</script>
<div >
<table cellpadding="1" cellspacing="1">
<tr>
<td /></td>
</tr>
</table>
</td>
<td ></td>
</tr>
</table>
</div>
- 上一篇 »图片无缝滚动,div+css
- 下一篇 »javascript实现无缝上下滚动,转