if$index === 0 当前为第一张轮播图 quotbanquoteq$quotbanquotlength1addClassquotactivesiblingsquotbanquotremoveClassquotactivequot这里写成你自动切换的代码，我这里只是一个无动态切换效果的方法。

4在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行yidong函数5在js标签中，创建yidong函数，在函数内，通过classcontent获得div对象，使用animate方法让div在1秒内向左移动100px。

打开 Dreamweaver 新建 HTML 文档修改标题为quot跑马灯quot保存为 indexhtml 文件jquery跑马灯 图片不间断滚动效果 首先，编写跑马灯部分的静态 HTML 代码，把图片排列起来 在 和 标签中添加以下代码 lt。

之所以能实现无缝滚动，是因为每次滚动的长度刚好大于单个 li 的长度时，我们就将ul的第一个 li 移动到ul的最后，周而复始，无限循环关于这一点，你可以先不设置 overflowhidden 来查看插件的实现代码function $。

网页轮播图主要包含三部分1轮播图片2css和html代码部分3轮播js代码部分 下面的可以参考lt！DOCTYPE html Document。