图片无缝滚动效果是用在大量的
网站,特别是一些企业网站的产品展示,因为它是一个动态的效果,所以网站可以给很大,比静态的图片能吸引
用户的注意,下面的代码示例
介绍如何实现这种效果。
代码如下:
#演示{
背景:# 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
程序。