1、第 7，8，9 行更改總體設(shè)置 第 65 行開(kāi)始加入自定義內(nèi)容 將JS嵌入到顯示的固定位置 var intSTime = 4000定義圖片輪換時(shí)間 var intSWidth = 160定義圖片寬度，單位像素 var intSHeight = 140定義圖片高度，單位像素 var collectSAdvar adNum = 0；比如說(shuō)你包含圖片的div的id是divx，img的id是imgx圖片的名稱就用10jpg是默認(rèn)的圖片windowonload=function index=0documentgetElementById#39divx#39onmousewheel=functione e=ewindoweventifewheelDelta0index0鼠標(biāo)向上滾動(dòng)并且當(dāng)前不是；height 168px float leftJSvar scroll = documentgetElementById#39scroll#39 畫(huà)軸var scrollLeft = 0 記錄畫(huà)軸CSS left屬性的值var index = 0 當(dāng)前顯示的畫(huà)的序號(hào) 滾動(dòng)一幅畫(huà)面，調(diào)整畫(huà)軸scroll的left屬性值function scrollByOne var timer = setInt；網(wǎng)站循環(huán)滾動(dòng)圖片需要js代碼制作 第一步，可以去相關(guān)的js特效網(wǎng)站下載一個(gè)你所需要的代碼 第二步，用DW修改路徑改為你自己網(wǎng)站的路徑 第三步，把你所做的圖片上傳到空間 第四步，添加代碼路徑及調(diào)用js文件網(wǎng)站保存。

2、素材的準(zhǔn)備為了更好的表現(xiàn)網(wǎng)站的風(fēng)格和特色，具備一些更富表現(xiàn)力和吸引力的圖片是必不可少的同理，小編也準(zhǔn)備了一些與網(wǎng)頁(yè)主題密切相關(guān)的圖片，用于做為實(shí)現(xiàn)圖片滾動(dòng)效果的素材打開(kāi)Dreamweaver8，新建一網(wǎng)頁(yè)文件，并保存為名為“indexhtml#34文件切換至代碼編輯界面，輸入如下代碼 bodydiv；lt！向右滾動(dòng)代碼開(kāi)始 ltDIV style=quotWIDTH 604px HEIGHT 120px OVERFLOW hiddenquot id=demo ltTABLE border=0 cellPadding=0 align=left cellspace=quot0quot ltTBODY ltTR ltTD id=demo1 vAlign=top ltTABLE border=0 cellSpacing=0 cellPadding=0 width=quot25%quotalign=leftltTBODY ltTR；這里有很多效果，應(yīng)該是你需要的，下載下來(lái)套著用就可以了；根據(jù)你的具體情況，有兩種思路第一種，類似于滑動(dòng)效果，用強(qiáng)父元素，overflowhidden了然后通過(guò)點(diǎn)擊左右的鍵，獲取當(dāng)前父元素的寬度，修改父元素css屬性的left，注意，positionabsolute時(shí)left才起作用第二種就比較簡(jiǎn)單就是簡(jiǎn)單的隱藏，點(diǎn)擊左右，隱藏第一屏的信息，再次點(diǎn)擊，隱藏第一第二屏的。

3、最后的代碼中，滾動(dòng)的步長(zhǎng)改為1windowonload=function new Marquee quotscrollquot， 容器ID 0， 向上滾動(dòng)0向上 1向下 2向左 3向右 1， 滾動(dòng)的步長(zhǎng) 173， 容器可視寬度 149， 容器可視高度 50， 定時(shí)器 數(shù)值越小，滾動(dòng)的速度越快1000=1秒，建議不；代碼展示lt！DOCTYPE html 圖片切換效果 container width280pxheight200pxborder1px solid #eeepositionrelative idPicText background#eeelineheight25pxtextaligncenterfontweightboldwidth282pxwhitespacenowrapoverflowhiddenfontsize12px；documentgetElementById#39bimg#39innerHTML=#39#39當(dāng)鼠標(biāo)移出是清空?qǐng)D片 function show_bigsrc documentgetElementById#39bimg#39innerHTML=#39#39在id為bimg的div中顯示圖片 lt！最新圖文代碼結(jié)束 參考資料；js 2然后再網(wǎng)頁(yè)最上面加如這段代碼 3把下面放代碼放到想要實(shí)現(xiàn)圖片滾動(dòng)的地方即可，記得修改圖片地址和名字。

4、新建一個(gè)JS文件，并將該文件另存為“MoveEffectjs#34在”MoveEffectjs“文件中輸入如下所示代碼 var id = functionel #160#160#160#160return documentgetElementByIdel #160#160#160， c = id#39photolist#39 ifc var ul = id#39scroll#39；使用jquery吧，很容易解決注意要包含jqueryjs，網(wǎng)上下載吧，很多的具體實(shí)現(xiàn)如下 function AutoScrollobj objfindquotulfirstquotanimate marginTopquot25pxquot，500，function thiscssmarginTopquot0pxquotfindquotlifirstquotappendTothis documentreadyfunction；自動(dòng)滾動(dòng)，主要思路是用js自帶的setInterval方法定義和用法 setInterval 方法可按照指定的周期以毫秒計(jì)來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式setInterval 方法會(huì)不停地調(diào)用函數(shù)，直到 clearInterval 被調(diào)用或窗口被關(guān)閉由 setInterval 返回的 ID 值可用作 clearInterval 方法的參數(shù)語(yǔ)法 set；JS代碼 lt！lt！CDATAlt！ var Speed = 10 速度毫秒var Space = 10 每次移動(dòng)pxvar PageWidth = 160 翻頁(yè)寬度 var fill = 0 整體移位 var MoveLock = falsevar MoveTimeObjvar Comp = 0var AutoPlayObj = null；scrolldelay=quot100quotdirection=quotupquotonmouseover=quotthisstopquotonmouseout=quotthisstartquotltmarquee 其中scrolldelay=quot100quot===指滾動(dòng)延遲時(shí)間，單位是毫秒ms，默認(rèn)為90ms direction=quotupquot===指滾動(dòng)方向，默認(rèn)從左往右，可取的值為up，down，left，right onmouseover=quotthisstopquot===指鼠標(biāo)懸停在圖。