你把整個(gè)ul想成是一張圖片，你要做的就是把ul左右移動(dòng)，然后在ul外面可以套一個(gè)div，樣式為overflowhidden，關(guān)于復(fù)位，你可以用％運(yùn)算，當(dāng)移動(dòng)到最后一個(gè)li的時(shí)候，跳到第一個(gè)li去；網(wǎng)頁(yè)中的滾動(dòng)圖片的代碼有上下左右四個(gè)方向，分別是 lt lt向上滾動(dòng)代碼開始 lt。

用ltmarquee標(biāo)簽實(shí)現(xiàn)，html代碼示例如下 文字滾動(dòng)示例 水平滾動(dòng)ltmarquee direction=quotleftquot align=quotbottomquot height=quot25quot width=quot100%quot onmouseout=quotthisstartquot onmouseover=quotthisstopquot scrollamount=quot2quot；我們要有一個(gè)動(dòng)畫發(fā)生的舞臺(tái)#stage，一個(gè)將會(huì)旋轉(zhuǎn)的div容器和一系列圖像。

打開文本編輯器，復(fù)制以下這段樣例代碼 div class=#34J_TWidget scrollnews#34 datawidgettype=#34Slide#34 datawidgetconfig=#34#39contentCls#39#39newsitems#39，#39hasTriggers#39false，#39effect#39#39s。

輪播圖自動(dòng)播放代碼

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、親 是下面這個(gè) 一帶漸變效果的淘寶店鋪促銷輪播代碼 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、這是向下一直不停的滾動(dòng) Do MouseWheel 1 Loop 下面這句是向上不停的滾動(dòng) Do MouseWheel 1 Loop 上面兩段代碼自己選一個(gè)復(fù)制，一個(gè)是向上，一個(gè)是向下。

5、1輪播圖片2css和html代碼部分3輪播js代碼部分 下面的可以參考lt！DOCTYPE html Document。

自動(dòng)輪播圖html代碼 不用js

1、這個(gè)是基于Html的技術(shù)，不知道你使用C#做的是什么項(xiàng)目，若是網(wǎng)站，Aspnet可以仍然使用Html的技術(shù)，silverlight也可以做到若是桌面應(yīng)用程序，可以使用WPF，要達(dá)到以上效果說(shuō)難不難，說(shuō)容易也不容易。

2、下面是可配置輪播動(dòng)畫代碼 fnslide=functionoptions var defaults= affect1， 1上下滾動(dòng) 2幕布式 3左右滾動(dòng)4淡入淡出 time 5000， 間隔時(shí)間 speed500， 動(dòng)畫快慢 dot_text。

3、看代碼的格式是使用的jquery superslide插件，直接添加一個(gè)autoPlaytrue參數(shù)就行了 JS部分的修改如下lt！ 滾動(dòng)圖片 jQueryquotpicScrollquotslide mainCellquotulquot， effectquotleftLoopquot， vis4， scro。

4、lt！doctype html 無(wú)標(biāo)題文檔 margin0 padding0 body width100% background#000 wrap width793223% margin0 auto box width100% height3025em overflowhidden box a。

5、autoPlay打開頁(yè)面自動(dòng)輪播 鼠標(biāo)進(jìn)入停止輪播 lunBoonmouseenter = function clearIntervaltermId 鼠標(biāo)離開繼續(xù)輪播 lunBoonmouseleave = function autoPlay 我這還有其他的，先采納一下加我。

6、自動(dòng)播放就是間隔一定時(shí)間不斷調(diào)用函數(shù)“下一張”的過(guò)程，所以這里的按鈕 right 下一張的實(shí)現(xiàn)就是上面的 autoRun 函數(shù)以上就是輪播圖各部分的實(shí)現(xiàn)原理，如果你有其他的方法，歡迎一起交流 2019330更新 用re。

7、內(nèi)容 實(shí)現(xiàn)滾動(dòng)輪播給非前端人員觀看的 前言 輪播的具體實(shí)現(xiàn)有很多種方式，下面主要講一下我是怎么實(shí)現(xiàn)的淘寶網(wǎng)首頁(yè)輪播圖 樣例1輪播原理 樣例2隱藏其他的slide只留下一個(gè) 樣例3復(fù)制頭尾 樣例4無(wú)限。