剩下就是js了，比如加个按钮点击按钮就让图片向左滚动 #39button#39clickfunction #39ul#39animate left quot300quot， 1000 这是1秒内ul像坐滚动300像素，300像素就是一个li的宽度 还有不明白的；line 每行的列数，滚动的时候需要用到这个参数，来判断滚动的宽度 * speed 滚动动画所用的时间，500 是 500 毫秒，即滚动动画在 500 毫秒内完成 * timer 每次滚动的间隔时间，3000 是 3秒 * left 左按钮。

这样lt！DOCTYPE html 动态切换图片 ul padding0margin0 li liststyle pic position relativewidth 400pxheight 400pxbackgroundcolorredmargin100px autobackgroundurl#39；直接加上prev和next，这两个是superslide中已经定义好的两个类 希望采纳。

3简单的代码示例如下lt！DOCTYPE html jquery轮播效果图 * padding 0px margin 0px a textdecoration ul liststyle outside slider， sl；如果你要问原理， 关键点是 外层div是一个窗口， 控制好长宽， 设置overflow为hidden， 那么只有在此区域内的内容才会被显示 内容是一堆图片， 通过js控制位置， 比如用relative定位， 通过css控制left， 就是移动效果 如果要轮播。

功能已实现，你可以自己设定样式 传入imgs图片集合是一个jquery对象，index表示当前索引，oper表示+或者 也就是向左向右移动function funcimgs，index，oper 得到应该移动到的索引 ifoper==quot+quot inde；网页中的滚动图片的代码有上下左右四个方向，分别是 lt lt向上滚动代码开始 lt。

用jquery使一个按钮让div左右移动方法如下就是点击“#anniu”，然后quot#caozuoquotdiv左右移动，我的代码左移了就不能移动回来了 $documentreadyfunction 就是点击“#anniu”，然后quot#caozuoquotdiv左右移；形成并排的横着布局，方便点击按钮时的左移动* width 620px slideShow showNav *用绝对定位给数字按钮进行布局* position absolute right 10px bottom 5px textaligncenter。

用Jquery的animate方法和setTimeout方法做前者是动画效果，后者是控制时间比如quotimagequotanimateleft#39400px#39，2000这个效果就是图片从左向右移动到400px处假设图片原位置在400PX左侧，用时2000ms2；#39v_r#39clickfunction if！$v_showisquotanimatedquot ifpage==pageCount v_showanimateleftquot0pxquot，delaytimepage=1else v_showanimateleft#39=#39+$v_width，delaytimepage++。

思路点击左边 1将第一个LI向左滑动，滑动的数值就是LI的宽度这里是用负marginleft来实现移动2滑动完成后，将这个LI插入到整个LI的最后一个实现无缝滚动点击右边 1将最后一个LI插入到所有LI的第；documentreadyfunction quot#hidequotclickfunction if$quot#leftquotcss#39width#39 == #39200px#39 quot#leftquotanimatewidth0，quotslowquotquot#hidequotval#39显示#39else quot#leftquotanimate。

JS代码 lt！lt！CDATAlt！ var Speed = 10 速度毫秒var Space = 10 每次移动pxvar PageWidth = 160 翻页宽度 var fill = 0 整体移位 v；动画效果，图片从右侧飞入 quot#div_pic ul liquoteqindexanimateleftquot0quot，500 * 下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动。

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