lt！DOCTYPE html Title var x=0setIntervalfunction var Scrolltop=$documentscrollTopifx！=ScrolltopalertScrolltopx=Scrolltop ，500。

var datas = imgSrcquot圖片 quot，imgSrcquot圖片 quot，imgSrcquot圖片 quot，imgSrcquot圖片 quot，imgSrcquot圖片 quot，imgSrcquot圖片 quot var banner = documentgetElementByIdquotbanner；自動(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)閉由。

根據(jù)你的具體情況，有兩種思路第一種，類似于滑動(dòng)效果，用強(qiáng)父元素，overflowhidden了然后通過(guò)點(diǎn)擊左右的鍵，獲取當(dāng)前父元素的寬度，修改父元素css屬性的left，注意，positionabsolute時(shí)left才起作用第二種就比較簡(jiǎn)單；function showImgindex var adWidth = $quotcontent_right adquotwidthquotsliderquotstoptrue，falseanimateleft adWidth*index，1000quotnum liquotremoveClassquotonquoteqindexaddClassquoton；= parseInt + 2 * left + #39px#39本題目最關(guān)鍵的一句代碼，讓el對(duì)象的左邊距每次循環(huán)都增加2像素，也就是向右移動(dòng)了2像素 timer1 = setTimeoutmoveItRight， 25隔25毫秒后；if windowaddEventListener windowaddEventListenerquotDOMMouseScrollquot， hscr， false else documentonmousewheel = hscr 1先將這段代碼保存為一個(gè)JS文件scrolljs 2在你的頁(yè)面里將ltSCRIPT src=quotjs。

下面是可配置輪播動(dòng)畫(huà)代碼 fnslide=functionoptions var defaults= affect1， 1上下滾動(dòng) 2幕布式 3左右滾動(dòng)4淡入淡出 time 5000， 間隔時(shí)間 speed500， 動(dòng)畫(huà)快慢 dot_text；1首先，需要在HTML中添加一個(gè)容器元素，用于顯示滑動(dòng)加載的內(nèi)容可以使用CSS設(shè)置容器元素的寬度和高度，并設(shè)置overflow屬性為hidden，這樣可以隱藏容器元素之外的內(nèi)容2接下來(lái)，需要使用JavaScript編寫(xiě)代碼，實(shí)現(xiàn)滑動(dòng)加載的功能；通過(guò)div的scrollTop變動(dòng)控制垂直滾動(dòng)條位置通過(guò)div的scrollLeft變動(dòng)控制水平滾動(dòng)條位置示例 d1是外層div，帶滾動(dòng)條 2222 documentgetElementById#39d1#39scrollTop=100通過(guò)scrollTop設(shè)置滾動(dòng)到100位置；JavaScript 代碼scriptjsdocumentaddEventListener#39DOMContentLoaded#39， function var slider = documentgetElementById#39slider#39var sliderWrapper = sliderparentElementvar startX， currentXslider。

lt！doctype html#andyscroll2 overflow hiddenbackground #ffftextalign leftwidth340pxheight145pxoverflowhidden#andyscroll2 a font12px18px tahomacolor #000 floatleftwidth100%text；在id為bimg的div中顯示圖片 lt！最新圖文代碼結(jié)束 參考資料；類似這個(gè)效果的網(wǎng)上很多的啦，弄個(gè)改改就行了 JS平滑圖片滾動(dòng) ltSCRIPT language=JavaScript type=textJavaScript var shvar marqueesmarqueesWidth=610var speed=20，preLeft=0，stopscroll=false，flag=true；您好具體代碼如下，兼容各瀏覽器，其中scrollTop 為當(dāng)前頁(yè)面到頂部的距離，為整個(gè)頁(yè)面的高度，為當(dāng)前屏幕的高度，有不明白的可以問(wèn)我，希望我的回答能幫到您lt；原理demo2復(fù)制demo1然后連成一行，demo1滾動(dòng)完滾動(dòng)demo2因?yàn)閮?nèi)容一樣所以看不出來(lái)，demo2滾動(dòng)完滾動(dòng)demo1。