1、在”MoveEffectjs“文件中输入如下所示代码 var id = functionel #160#160#160#160return documentgetElementByIdel #160#160#160， c = id#39photolist#39 ifc var ul。

2、具体代码如下lt！doctype html Document *margin0 padding0 liststyle wrapheight170px width490px margin60px auto。

3、forvar i = 0，len = dataslengthiltleni++ var div = documentcreateElementquotdivquotvar li = documentcreateElementquotliquotifi==0 默认第一项轮播项显示 对应的控制按钮被选中。

4、自动滚动，主要思路是用js自带的setInterval方法定义和用法 setInterval 方法可按照指定的周期以毫秒计来调用函数或计算表达式setInterval 方法会不停地调用函数，直到 clearInterval 被调用或窗口被关闭由。

5、lt！DOCTYPE html 最简单的轮播广告 body， div， ul， li margin 0padding 0 ul liststyletype body background #000textalign centerfont 12px20px Arial box positi。

6、之所用js添加小圆点，是因为小圆点的数量是由图片张数决定的默认 li 的 class 为 quiet ， 第一张默认为 active 首先先理解该轮播图如何滚动，这里是通过控制 img_ul 的 left 值来控制显示某张图片， 为了实现。

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

8、跟普通的左右切换轮播图类似，但是它看起来是首尾相连的首先来讲一下我的思路 我们要想无缝切换图片，必须要在所有图片的最后添加一张第一张图片，因为要实现从最后一张切换到第一张时有过渡效果 之后我们要让。

9、使用jquery吧，很容易解决注意要包含jqueryjs，网上下载吧，很多的具体实现如下 function AutoScrollobj objfindquotulfirstquotanimate marginTopquot25pxquot，500，function thiscssmarginTopquot0。

10、你把整个ul想成是一张图片，你要做的就是把ul左右移动，然后在ul外面可以套一个div，样式为overflowhidden，关于复位，你可以用％运算，当移动到最后一个li的时候，跳到第一个li去。

11、要实现图片滚动轮播，可以有很多方式，无非是通过调整外围容器的位置lefttop或者内部图片容器的定位marinleftmargintop来实现的这里我以前者为例向左滚动通常的实现方式是1 有一个外层容器，同时作为。

12、向上滚动 ltDIV id=rollpic style=quotOVERFLOW hiddenHEIGHT 270pxquot ltDIV id=rollpic1 lt！ 循环打印这段 我写日记我写日日记 我是简介我是简介我是简介我是简介我是简介我是简介我是简介我是简。

13、教你一个适合看得懂的js或有点js基础的方法 找个你见到过这种功能的页面，然后鼠标右键，点击你所需要的功能的模块，点击quot省查元素quot或者点击获取源代码，你就可以知道具体的js代码了 你就可以修改了或者学习相关的知识了。

14、jQuery自动适应屏幕宽度滑动轮播图Divas Slider，当前屏幕显示三张图片中间高亮显示，左右滑动切换，此插件最大特点就是可以根椐自动适应屏幕宽度，高度等比例缩放。

15、只告诉你原理咯，代码的话到处都有，直接down一个就行 1滑动一张就读取当前索引 2滑动的距离根据当前的索引*滑动的距离 3将第一张插入到容器的最后面，这样的话切换到第一张就不会看出来不衔接了 4滑动到最后。