1在頭部定義一個(gè)div，固定高度，設(shè)置絕對(duì)位置positionabsolute，設(shè)置上邊距top02在底部定義一個(gè)div，固定高度，設(shè)置絕對(duì)位置positionabsolute，設(shè)置下邊距bottom03在中間定義一個(gè)div并自動(dòng)設(shè)置滾動(dòng)條。

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

dscrollDelay，這也是用來(lái)控制速度。

7現(xiàn)在的頁(yè)面是不會(huì)動(dòng)的，因?yàn)槲覀冋诰庉?，所以需要切換到life即實(shí)事視圖，文字就會(huì)自動(dòng)從右向左滾動(dòng)了8因?yàn)闊o(wú)法傳動(dòng)態(tài)的所以大家可以自己試一下，頁(yè)面的設(shè)計(jì)跟word其實(shí)很像，不過(guò)有的設(shè)置代碼更簡(jiǎn)單，所以可以自行操作。

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

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

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

會(huì)移動(dòng)的文字Marquee 基本語(yǔ)法 ltmarquee ltmarquee ltmarquee啦啦啦，我會(huì)移動(dòng)耶ltmarquee 啦啦啦，我會(huì)移動(dòng)耶 文字移動(dòng)屬性的設(shè)置 方向ltdirection=# #=left， right ltmarquee direction=left。

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

定好標(biāo)簽的寬高，設(shè)置 overflow 屬性就行比如div width300pxheight300pxoverflowauto 或者 overfloauto。

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

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

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

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

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

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

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot 無(wú)標(biāo)題文檔 lt！ aa height 150pxposition relativeborder 1px。