图片不断向左滚动js效果

作者：袖梨 2022-06-25

提示：您可以先修改部分代码再运行

<div id="demo" style="overflow:hidden;height:94;width:400;color:#ffffff">
<table>
<td id="demo1" valign="top">
<a href="https://img.111cn.net/uploads/20220926/img_6331726497c2e30.jpg" class="js-smartPhoto-pc" target="_blank"><img src="https://img.111cn.net/uploads/20220926/img_6331726497c2e30.jpg"></a><a href="https://img.111cn.net/uploads/20220926/img_63317264b31fd31.jpg" class="js-smartPhoto-pc" target="_blank"><img src="https://img.111cn.net/uploads/20220926/img_63317264b31fd31.jpg"></a><a href="https://img.111cn.net/uploads/20220926/img_63317264d513332.jpg" class="js-smartPhoto-pc" target="_blank"><img src="https://img.111cn.net/uploads/20220926/img_63317264d513332.jpg"></a>
</td>
<td id="demo2" valign="top"></td>

</table>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<p>更多特效地址：</p>

提示：您可以先修改部分代码再运行

相关文章

精彩推荐