js实现文字无缝轮播

本文实例为大家分享了js实现文字无缝轮播的具体代码，供大家参考，具体内容如下

所用到的知识点：

innerHTML 获取或设置某个对象的内容
scrollTop 滚动条滚动的距离，此属性是系统内置定义好的
offsetHeight 获取或设置对象的高度
setInterval() 开启定时器
clearInterval() 关闭定时器

html布局结构如下：

其中con2是用来储存复制con1内容的容器

 

最新课程更多>> 
 


    

        
1.学会html5 绝对的逆袭（案例）2013-09-18
        
2.tab页面切换效果（案例）2013-10-09
        
3.圆角水晶按钮制作（案例）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
    
    

    

 

css样式如下：

js代码如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。