要想設(shè)置圖片滾動(dòng)，我們先了解幾個(gè)html marquee標(biāo)簽的屬性：

• innerHTML: 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的 HTML

• scrollHeight: 獲取對(duì)象的滾動(dòng)高度。

• scrollLeft: 設(shè)置或獲取位于對(duì)象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離

• scrollTop: 設(shè)置或獲取位于對(duì)象最頂端和窗口中可見內(nèi)容的最頂端之間的距離

• scrollWidth: 獲取對(duì)象的滾動(dòng)寬度

• offsetHeight: 獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度

• offsetLeft: 獲取對(duì)象相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置

• offsetTop: 獲取對(duì)象相對(duì)于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置

• offsetWidth: 獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的寬度

能夠把這些弄清楚之后就來看看一個(gè)滾動(dòng)實(shí)例吧：

<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
　需要滾動(dòng)的文字
　需要滾動(dòng)的文字
　也可以程序代碼
<img src="http://img.php.cnhttp://img6-2.22122511.com/upload/web_2/course/000/126/153/5aa23f0ded921649.jpg">
　</marquee >

上面我已經(jīng)插了一張圖片了，效果是動(dòng)態(tài)，截圖不太好看，但是我們也要看看，如圖：

這個(gè)是無縫滾動(dòng)的。我們要把里面的屬性了解了之后才能知道原理。其實(shí)也不是很難，

html marquee標(biāo)簽的圖片滾動(dòng)說明：

1.<marquee ></marquee >中間的內(nèi)容可以為 文字，圖片，也可以是由程序生成的文字或圖片

2.onMouseOut="this.start()" ：用來設(shè)置鼠標(biāo)移出該區(qū)域時(shí)繼續(xù)滾動(dòng)

　　　 onMouseOver="this.stop()"：用來設(shè)置鼠標(biāo)移入該區(qū)域時(shí)停止?jié)L動(dòng)

html marquee標(biāo)簽的圖片滾動(dòng)代碼如下:

<marquee align="absbottom">align="absbottom"：絕對(duì)底部對(duì)齊（與g、p等字母的最下端對(duì)齊）。 </marquee>
<marquee align="absmiddle">align="absmiddle"： 絕對(duì)中央對(duì)齊。 </marquee>
<marquee align="baseline">align="baseline"： 底線對(duì)齊。 </marquee>
<marquee align="bottom">align="bottom"： 底部對(duì)齊（默認(rèn)）。 </marquee>
<marquee align="left">align="left"： 左對(duì)齊。 </marquee>
<marquee align="middle">align="middle"： 中間對(duì)齊。 </marquee>
<marquee align="right">align="right"： 右對(duì)齊。 </marquee>
<marquee align="texttop">align="texttop"： 頂線對(duì)齊。 </marquee>
<marquee align="top">align="top"： 頂部對(duì)齊。 </marquee>

• behavior：設(shè)定滾動(dòng)的方式

• alternate： 表示在兩端之間來回滾動(dòng)。

• scroll： 表示由一端滾動(dòng)到另一端，會(huì)重復(fù)。

• slide： 表示由一端滾動(dòng)到另一端，不會(huì)重復(fù)。

html marquee標(biāo)簽的圖片滾動(dòng)代碼如下:

<marquee behavior="alternate">alternate：表示在兩端之間來回滾動(dòng)。 </marquee>
<marquee behavior="scroll">scroll：表示由一端滾動(dòng)到另一端，會(huì)重復(fù)。</marquee>
<marquee behavior="slide">slide：  表示由一端滾動(dòng)到另一端，不會(huì)重復(fù)。</marquee>

bgcolor：設(shè)定活動(dòng)字幕的背景顏色，背景顏色可用RGB、16進(jìn)制值的格式或顏色名稱來設(shè)定。

html marquee標(biāo)簽的好處：

頁面的自動(dòng)滾動(dòng)效果，可由javascript來實(shí)現(xiàn)，但是今天無意中發(fā)現(xiàn)了一個(gè)html標(biāo)簽 - <marquee></marquee>可以實(shí)現(xiàn)多種滾動(dòng)效果，無需js控制。

使用marquee標(biāo)記不僅可以移動(dòng)文字，也可以移動(dòng)圖片，表格等.

【小編推薦】

html中的字體顏色怎么設(shè)置？css設(shè)置字體顏色方法介紹

html a標(biāo)簽怎么設(shè)置顏色？超鏈接的顏色設(shè)置總結(jié)（css樣式）

以上就是html marquee標(biāo)簽如何設(shè)置圖片滾動(dòng)？marquee標(biāo)簽的圖片滾動(dòng)代碼實(shí)例的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！