javascript代码实现循环滚动效果

javascript代码实现循环滚动效果
1。概述
循环滚动图片不仅增加了网页的动态效果,而且节省了页面空间,有效地保证了有限页面中的更多图片。

2。技术要点
setTimeout()方法来实现图片的循环滚动效果,setTimeout()方法的语法格式如下:

setTimeout(函数参数,毫秒,{ })
参数描述:
函数:要调用的Javascript定制函数的名称。
b:设置超时时间(以毫秒为单位)。
功能:超时时间后,调用函数,该值可以通过清除定时器清零()函数。
三.具体的实现
(1)在页面的适当位置添加一个ID属性来演示,并向标签中添加一个表,并将要显示的图片滚动:

JPG宽度= 118高度=166边框1>


(2)编写一个定制的javascript函数移动(),用于实现不间断的图片循环滚动效果,速度值越大,图片滚动速度越快,具体代码如下:
var速度= 30;设置时间间隔
marquepic2 .innerHTML = marquepic1.innerhtml;
VaR演示= document.getelementbyid(演示); / /演示对象
函数选择框(n)
如果(marquepic1。offsetwidth演示。scrollLeft <= 0){
演示。scrollLeft = 0;
}
别的{
演示。scrollLeft =演示。scrollLeft + N;
}
}
Var MyMar = setInterval(字幕(5)
(演示。onmouseover =功能){ / /停止滚动
ClearInterval(MyMar);
}
(演示。onmouseout=功能){ / /继续滚
mymar = setInterval(字幕(5)
}
以上是一个小体积的Javascript代码来实现图像的循环滚动效果的知识,希望对你有帮助,如果您有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。

tag:代码实现滚动效果循环电脑软件Javascript

相关内容