原生Javascript实现无缝滚动效果

原生Javascript实现无缝滚动效果
图片无缝滚动效果是用在大量的网站,特别是一些企业网站的产品展示,因为它是一个动态的效果,所以网站可以给很大,比静态的图片能吸引用户的注意,下面的代码示例介绍如何实现这种效果。

代码如下:

#演示{
背景:# FFF;
溢出:隐藏;
边境:1px冲# CCC;
宽度:500px;
}
#优质{
浮点数:左;
宽度:2000px;
}
#优质一{
宽度:100px;
身高:100px;
浮点数:左;
背景颜色:蓝色;
左:5px保证金;
文本对齐:中心;
行高:100px;
颜色:红色;
文字装饰:无;
}
# demo1 {浮动:左;}
# demo2 {浮动:左;}
窗口。指针函数(){
var速度= 10;
var标签= document.getelementbyid(演示);
无功表= document.getelementbyid(刚才);
VaR TAB2 = document.getelementbyid(2);
对tab1.innerhtml innerHTML =;
函数跑马灯(){
如果(TAB2。offsetwidth选项卡。scrollLeft <= 0){
Tab tab1.offsetwidth scrollLeft =。
}
别的{
Tab。scrollLeft + +;
}
}
Var MyMar = setInterval(字幕速度);
Tab。onmouseover =函数(){ clearInterval(mymar)};
Tab。onmouseout=函数(){ mymar = setInterval(字幕速度)};
}







我希望它能帮助你学习Javascript程序
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部