本文目录一览：
怎么用JS脚本使多张图片滚动？
推荐使用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()”
===指鼠标离开图片时,图片运动
希望对您有所帮助
js实现图片滚动效果
SCRIPT language=”JavaScript”
var speed=50; //设置滚动速度
demo2.innerHTML=demo1.innerHTML //复制dome1为dome2
function Marquee(){
if(demo2.offsetTop-demo.scrollTop=0) //当滚动至dome1与dome2交界时
demo.scrollTop-=demo1.offsetHeight //dome跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed) //设置定时器
demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器，继续滚动
/SCRIPT
div id=”demo” style=”overflow: hidden; height: 600; width: 180; background: #214984; color: #ffffff”
div id=”demo1″ align=”center”
!– 定义图片 —
/div
div id=”demo2″ align=”center”/div
/div
求JS图片滚动代码
使用jquery吧，很容易解决注意要包含jquery.js，网上下载吧，很多的。具体实现如下：
script src=”jquery.js”/script
script
function AutoScroll(obj){
$(obj).find(“ul:first”).animate({
marginTop:”-25px”
},500,function(){
$(this).css().find(“li:first”).appendTo(this);
});
}
$(document).ready(function(){
setInterval(‘AutoScroll(“#scrollDiv”)’,2000);
)};
/script
div id=”scrollDiv”
ul
li滚动内容/li
/ul
/div
如果对您有帮助，请记得采纳为满意答案，谢谢！祝您生活愉快！
vaela
原创文章，作者：HXRO，如若转载，请注明出处：https://www.506064.com/n/131459.html
微信扫一扫 
支付宝扫一扫 