图片不断向左滚动js效果

作者：袖梨 2022-06-25

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

<div id=demo style="overflow:hidden;height:94;width:400;color:#ffffff">
<table
<tr>
<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>
</tr>
</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>更多特效地址：<a href="http://www.putaojiayuan.com" target="_blank">葡萄家园</a></p>

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

图片不断向左滚动js效果

相关文章

精彩推荐