demoonmouseover=function clearIntervalMyMar 如果鼠標(biāo)移開(kāi)則繼續(xù)自動(dòng)滾動(dòng)效果 demoonmouseout=function MyMar=setIntervalMarquee，speed。

var datas = imgSrcquot圖片 quot，imgSrcquot圖片 quot，imgSrcquot圖片 quot，imgSrcquot圖片 quot，imgSrcquot圖片 quot，imgSrcquot圖片 quot var banner = documentgetElementByIdquotbanner。

Direction 0 滾動(dòng)方向 可選，默認(rèn)為0向上滾動(dòng) 可設(shè)置的值包括0，1，2，3，quottopquot，quotbottomquot，quotleftquot，quotrightquot 0向上 1向下 2向左 3向右 Step 1 滾動(dòng)的步長(zhǎng) 可選，默認(rèn)值為2，數(shù)值越大，滾動(dòng)越快 Width 760 容器。

findquotlifirstquotappendTothis documentreadyfunction setInterval#39AutoScrollquot#scrollDivquot#39，2000 滾動(dòng)內(nèi)容。

windowonload=setTimeoutfunction windowscrollTo0，500 修改500為指定高度，5。

網(wǎng)頁(yè)特效觀止JsCodeCN用鼠標(biāo)和按鈕控制網(wǎng)頁(yè)內(nèi)容的上下滾動(dòng) function scrollntemp=nNewsscrollTop=NewsscrollTop+tempif temp==0 returnsetTimeoutquotscrolltempquot，20。

隨滾動(dòng)而滾動(dòng)，css就可以實(shí)現(xiàn)，也就是固定在屏幕固定位置，用 positionfixed即可，關(guān)閉按鈕可以用documentgetElementById#39#39styledisplay=#39#39即可，如 關(guān)閉 其中l(wèi)eft和top都是相對(duì)于屏幕的位置。

監(jiān)聽(tīng)事件，刪除監(jiān)聽(tīng)事件IE678使用attachEventdetachEvent， 其他瀏覽器使用addEventListenerremoveEventListenerfixedEvent判斷滾輪方向 fixedFn滾動(dòng)滾輪取消滾輪的默認(rèn)滾動(dòng)網(wǎng)頁(yè)行為 elwheelHash把fixedFn存放到對(duì)象的wheel。

Code如下圖片放在同一目錄下你懂得lt！DOCTYPE HTML jQuery v144 API 中文版 jQuery v144 API 中文版正在努力加載中，請(qǐng)耐心等待 var $=functionid return documentgetElementByIdid。

這段JS代碼可以兼容IE7，script標(biāo)簽寫(xiě)法雖然不符合W3C，不過(guò)不是在IE7下不滾動(dòng)的主要原因因?yàn)槟銢](méi)有把HTML部分和CSS部分貼出來(lái)，我只好自己編了一個(gè)，估計(jì)可能是HTML標(biāo)簽寫(xiě)的不好或是CSS沒(méi)控制好下面是代碼lt！DOCTYPE。

使用scrollbyx軸，y軸方法就可以使文檔對(duì)象滾動(dòng)到距離瀏覽器窗口坐標(biāo)的指定位置上 注意事項(xiàng) 文檔對(duì)象可以看做是網(wǎng)頁(yè)所有可見(jiàn)內(nèi)容的存儲(chǔ)容器，網(wǎng)頁(yè)所有可見(jiàn)內(nèi)容稱(chēng)為頁(yè)面 網(wǎng)頁(yè)x軸坐標(biāo)與數(shù)學(xué)一樣，但是y軸坐標(biāo)是相反的，向下是。

function showImgindex var adWidth = $quotcontent_right adquotwidthquotsliderquotstoptrue，falseanimateleft adWidth*index，1000quotnum liquotremoveClassquotonquoteqindexaddClassquoton。

var flag = truewindowscrollfunction var me = $this， div1 = $#39#div1#39var scrollTop = mescrollTopvar scrollHeight = $documentheightvar windowHeight = meheightif。

網(wǎng)頁(yè)輪播圖主要包含三部分1輪播圖片2css和html代碼部分3輪播js代碼部分 下面的可以參考lt！DOCTYPE html Document。

由于marquee標(biāo)簽現(xiàn)在用得是越來(lái)越少了，所以滾動(dòng)效果的做法大多也都改用javascript來(lái)實(shí)現(xiàn)了H5里面好像沒(méi)有什么替代marquee的吧如果有請(qǐng)共享互相學(xué)習(xí)下面是js實(shí)現(xiàn)代碼body margin 0px fontsize 12px。

demo2innerHTML=demo1innerHTML function Marquee offsetWidth是對(duì)象的可見(jiàn)寬度，包滾動(dòng)條等邊線，會(huì)隨窗口的顯示大小改變 scrollLeft返回和設(shè)置當(dāng)前橫向滾動(dòng)條的坐標(biāo)值 ifdemo2offsetWidthdemoscrollLeftlt=。

因?yàn)镮E6的兼容性問(wèn)題，所以這不考慮用fixed，代碼如下，用了js的滾動(dòng)事件 lt！ CSS部分，寬度各100，紅色背景，加了定位屬性 *margin0padding0 #div1width100pxheight100pxbackground#F00。