1在頭部定義一個div，固定高度，設置絕對位置positionabsolute，設置上邊距top02在底部定義一個div，固定高度，設置絕對位置positionabsolute，設置下邊距bottom03在中間定義一個div并自動設置滾動條。

向左滾動只需要把向右滾動代碼中的“direction=right”改為“direction=left”即可向上循環(huán)滾動圖片向上滾動首先要把向右滾動代碼中的“direction=right”改為“direction=up”，把“width=600”該為“width=170”在marque。

dscrollDelay，這也是用來控制速度。

7現(xiàn)在的頁面是不會動的，因為我們正在編輯，所以需要切換到life即實事視圖，文字就會自動從右向左滾動了8因為無法傳動態(tài)的所以大家可以自己試一下，頁面的設計跟word其實很像，不過有的設置代碼更簡單，所以可以自行操作。

1創(chuàng)建兩個html文件，一個test一個test22打開test頁面，在里面創(chuàng)建一個div，并給其添加onmousedown與move方法3打開后我們發(fā)現(xiàn)是一個棕綠的頁面4定義兩個變量，startx為鼠標按下的坐標，endx為鼠標移動的坐標。

代碼如下ltmarqueeHello， Worldltmarquee 下面這兩個事件經(jīng)常用到onMouseOut=quotthisstartquot 用來設置鼠標移出該區(qū)域時繼續(xù)滾動 onMouseOver=quotthisstopquot用來設置鼠標移入該區(qū)域時停止?jié)L動 代碼如下ltmarquee on。

if windowaddEventListener windowaddEventListenerquotDOMMouseScrollquot， hscr， false else documentonmousewheel = hscr 1先將這段代碼保存為一個JS文件scrolljs 2在你的頁面里將ltSCRIPT src=quotjs。

會移動的文字Marquee 基本語法 ltmarquee ltmarquee ltmarquee啦啦啦，我會移動耶ltmarquee 啦啦啦，我會移動耶 文字移動屬性的設置 方向ltdirection=# #=left， right ltmarquee direction=left。

scrollAmount指文字滾動的速度，值為正整數(shù)，數(shù)值越大則滾動越快系統(tǒng)默認為6，一般設置為13END 實操 打開HTM文件，輸入代碼ltmarquee這里是滾動文字ltmarquee設置它又到左來回滾動速度為3背景色為粉色。

定好標簽的寬高，設置 overflow 屬性就行比如div width300pxheight300pxoverflowauto 或者 overfloauto。

如果需要在當鼠標移動到圖片上時停止?jié)L動，就在ltmarquee里加onmouseover=stoponmouseout=start，例如ltmarquee direction=down onmouseover=stoponmouseout=startltmarquee。

ltmarqueeltmarquee標簽的width 屬性用于設置內(nèi)容滾動背景寬度 ltmarqueeltmarquee標簽的height屬性用于設置內(nèi)容滾動背景高度 修改marhtm網(wǎng)頁文件，編寫代碼如代碼416所示 代碼416 文字滾動的設置。

ltmarquee direction=quotalternatequot id=quothquot onMouseOver=quothstopquot onMouseOut=quothstartquot scrolldelay=quot200quot中間插入你要的文字，如果你的鼠標停在上邊就會停止，移開就會繼續(xù)滾動ltmarquee。

load， falseHTML代碼上面的小例子當touchstart事件觸發(fā)的時候，會將觸摸的位置更新到div標簽中當touchmove事件觸發(fā)的時候，會默認行為的滾動觸摸移動的默認行為是滾動頁面，然后觸摸操作的變化信息更新到div標簽中而t。

網(wǎng)頁中的滾動圖片的代碼有上下左右四個方向，分別是 lt lt向上滾動代碼開始 lt。

這個感覺不是這樣的，應該是鼠標放在上面禁止，離開后滾動吧，這樣的代碼如下ltmarquee scrollAmount=2 width=300你要加入的文字內(nèi)容ltmarquee 你可以參照gundongzimuzhizuohtml網(wǎng)站的。

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot 無標題文檔 lt！ aa height 150pxposition relativeborder 1px。