怎么用JS脚本使多张图片滚动？_IT百科

推荐使用<marquee>实现图片滚动,示例:

<marquee

scrolldelay="100"

direction="up"

onmouseover="this.stop()"

onmouseout="this.start()"><img

src="xxxxxxx"></marquee>

其中scrolldelay="100"

===>指滚动延迟时间,单位是毫秒ms,默认为90ms

direction="up"

===>指滚动方向,默认从左往右,可取的值为:up,down,left,right

onmouseover="this.stop()"

===>指鼠标悬停在图片上时,图片静止

onmouseout="this.start()"

===>指鼠标离开图片时,图片运动

希望对您有所帮助

首先准备以下的东西：

1、图片若干，并规范化图片名字。从1开始。

2、在存放图片的文档中新建一个txt。

3、在txt中输入内容。

4、txt后缀改为html，完成

txt的内容：

var i

function pre()

{

if(i==1)return

i--

document.getElementById("pic").innerHTML="<img src="+i+".jpg></img>"

}

function next()

{

i++

document.getElementById("pic").innerHTML="<img src="+i+".jpg></img>"

}

</script>

<body>

</body>

如果你用#2这些是会有延时的，如果没有的话，功能仿真是完全按照你的逻辑来的，不会有任何延时。根据我的经验，我猜测你会不会是错误的使用了阻塞赋值和非阻塞赋值呢? 常见于使用状态机的初始化情况。你可以打出图来帮你仔细看看。

欢迎分享，转载请注明来源：内存溢出

怎么用JS脚本使多张图片滚动？