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

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

打開文本編輯器，復(fù)制以下這段樣例代碼 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 上面兩段代碼自己選一個復(fù)制，一個是向上，一個是向下。

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

自動輪播圖html代碼 不用js

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

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

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

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

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

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

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