数码资讯
javascript实现文本无缝滚动
结果如下: HTML:(一个div包两个UL) <div style=位置:绝对;左:500px;顶部:200px;背景颜色:白色; 身高:140px;宽度:400px;边界:固体;1px;溢出:隐藏;ID =箱> > 1。学习HTML5绝对diao丝逆袭(案例)2013-09-18 2.tab页面
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
结果如下:
HTML:(一个div包两个UL)
<div style=位置:绝对;左:500px;顶部:200px;背景颜色:白色;
身高:140px;宽度:400px;边界:固体;1px;溢出:隐藏;ID =箱> >
1。学习HTML5绝对diao丝逆袭(案例)2013-09-18
2.tab页面切换效果(案例)2013-10-09
三.corner crystal button making (case) 2013-10-21
4。HTML + CSS基础课程(系列)2013-11-01
5。分页页面制作(案例)2013-11-06
6。导航栏菜单制作(案例)2013-11-08
7。信息列表(案例)2013-11-15生产
8。下拉菜单的制作(案例)2013-11-22
9。如何实现2013-12-06新手指导作用
JS代码:
指针滚动窗口;
函数滚动(){
VaR UL1 = document.getelementbyid(UL1 );
VaR UL2 = document.getelementbyid(UL2 );
VaR箱= document.getelementbyid(盒子);
UL2 .innerHTML = ul1.innerhtml;
box.scrolltop = 0;
VaR定时器= setInterval(rollstart,50);
箱。onmouseover =函数(){
ClearInterval(定时器)
}
箱。onmouseout=函数(){
定时器= setInterval(rollstart,50);
}
}
功能rollstart(){
如果(盒。scrollTop > = UL1。scrollheight){ / / scrollTop属性是滚动条顶部和箱之间的距离
scrollTop = 0箱;
其他{ }
scrollTop +盒子;
}
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。
HTML:(一个div包两个UL)
<div style=位置:绝对;左:500px;顶部:200px;背景颜色:白色;
身高:140px;宽度:400px;边界:固体;1px;溢出:隐藏;ID =箱> >
1。学习HTML5绝对diao丝逆袭(案例)2013-09-18
2.tab页面切换效果(案例)2013-10-09
三.corner crystal button making (case) 2013-10-21
4。HTML + CSS基础课程(系列)2013-11-01
5。分页页面制作(案例)2013-11-06
6。导航栏菜单制作(案例)2013-11-08
7。信息列表(案例)2013-11-15生产
8。下拉菜单的制作(案例)2013-11-22
9。如何实现2013-12-06新手指导作用
JS代码:
指针滚动窗口;
函数滚动(){
VaR UL1 = document.getelementbyid(UL1 );
VaR UL2 = document.getelementbyid(UL2 );
VaR箱= document.getelementbyid(盒子);
UL2 .innerHTML = ul1.innerhtml;
box.scrolltop = 0;
VaR定时器= setInterval(rollstart,50);
箱。onmouseover =函数(){
ClearInterval(定时器)
}
箱。onmouseout=函数(){
定时器= setInterval(rollstart,50);
}
}
功能rollstart(){
如果(盒。scrollTop > = UL1。scrollheight){ / / scrollTop属性是滚动条顶部和箱之间的距离
scrollTop = 0箱;
其他{ }
scrollTop +盒子;
}
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。