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>