你把整个ul想成是一张图片，你要做的就是把ul左右移动，然后在ul外面可以套一个div，样式为overflowhidden，关于复位，你可以用％运算，当移动到最后一个li的时候，跳到第一个li去；网页中的滚动图片的代码有上下左右四个方向，分别是 lt lt向上滚动代码开始 lt。

用ltmarquee标签实现，html代码示例如下 文字滚动示例 水平滚动ltmarquee direction=quotleftquot align=quotbottomquot height=quot25quot width=quot100%quot onmouseout=quotthisstartquot onmouseover=quotthisstopquot scrollamount=quot2quot；我们要有一个动画发生的舞台#stage，一个将会旋转的div容器和一系列图像。

打开文本编辑器，复制以下这段样例代码 div class=#34J_TWidget scrollnews#34 datawidgettype=#34Slide#34 datawidgetconfig=#34#39contentCls#39#39newsitems#39，#39hasTriggers#39false，#39effect#39#39s。

轮播图自动播放代码

1、ltDIV class=customarea ltDIV ltDIV style=quotHEIGHT 350px width750pxquot class=quotsliderpromo J_Slider J_TWidgetquot datawidgetconfig=quot#39effect#39#39scrolly#39，#39contentCls#39 #39lstmain#39， #39navCls#39 #39lst。

2、亲 是下面这个 一带渐变效果的淘宝店铺促销轮播代码 ltDIV class=quotsliderpromo J_Slider J_TWidget tbslidequot style=quotHEIGHT 400pxquot datawidgetconfig=quot#39effect#39#39fade#39，#39contentCls#39 #39lstmain#39， #39nav。

3、lt？php img_list = myfun_get_image_listif isset$_SESSON#39cur_img_idx#39 这里用COOKIE也可以 img_index = $_SESSON#39cur_img_idx#39 + 1if $img_index = count$img_list img。

4、这是向下一直不停的滚动 Do MouseWheel 1 Loop 下面这句是向上不停的滚动 Do MouseWheel 1 Loop 上面两段代码自己选一个复制，一个是向上，一个是向下。

5、1轮播图片2css和html代码部分3轮播js代码部分 下面的可以参考lt！DOCTYPE html Document。

自动轮播图html代码 不用js

1、这个是基于Html的技术，不知道你使用C#做的是什么项目，若是网站，Aspnet可以仍然使用Html的技术，silverlight也可以做到若是桌面应用程序，可以使用WPF，要达到以上效果说难不难，说容易也不容易。

2、下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动 2幕布式 3左右滚动4淡入淡出 time 5000， 间隔时间 speed500， 动画快慢 dot_text。

3、看代码的格式是使用的jquery superslide插件，直接添加一个autoPlaytrue参数就行了 JS部分的修改如下lt！ 滚动图片 jQueryquotpicScrollquotslide mainCellquotulquot， effectquotleftLoopquot， vis4， scro。

4、lt！doctype html 无标题文档 margin0 padding0 body width100% background#000 wrap width793223% margin0 auto box width100% height3025em overflowhidden box a。

5、autoPlay打开页面自动轮播 鼠标进入停止轮播 lunBoonmouseenter = function clearIntervaltermId 鼠标离开继续轮播 lunBoonmouseleave = function autoPlay 我这还有其他的，先采纳一下加我。

6、自动播放就是间隔一定时间不断调用函数“下一张”的过程，所以这里的按钮 right 下一张的实现就是上面的 autoRun 函数以上就是轮播图各部分的实现原理，如果你有其他的方法，欢迎一起交流 2019330更新 用re。

7、内容 实现滚动轮播给非前端人员观看的 前言 轮播的具体实现有很多种方式，下面主要讲一下我是怎么实现的淘宝网首页轮播图 样例1轮播原理 样例2隐藏其他的slide只留下一个 样例3复制头尾 样例4无限。