首先讓我們認(rèn)識(shí)這個(gè)html marquee標(biāo)簽：

這個(gè)marquee標(biāo)簽以前專門寫過關(guān)于它的一些用法和屬性，大家可以點(diǎn)擊html中滾動(dòng)條的代碼是什么？如何設(shè)置html滾動(dòng)條？看看。

<marquee>標(biāo)簽，它是成對(duì)出現(xiàn)的標(biāo)簽，首標(biāo)簽<marquee>和尾標(biāo)簽</marquee>之間的內(nèi)容就是滾動(dòng)內(nèi)容。<marquee>標(biāo)簽的屬性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它們都是可選的。

現(xiàn)在看看marquee標(biāo)簽如何實(shí)現(xiàn)上下滾動(dòng)的：

html marquee標(biāo)簽的behavior屬性：

behavior屬性的參數(shù)值為alternate、scroll、slide中的一個(gè)，分別表示文字來回滾動(dòng)、單方向循環(huán)滾動(dòng)、只滾動(dòng)一次，需要注意的是：如果在<marquee>標(biāo)簽中同時(shí)出現(xiàn)了direction和behavior屬性，那么scroll和slide的滾動(dòng)方向?qū)⒁勒誨irection屬性中參數(shù)的設(shè)置。

<marquee behavior="alternate">我來回滾動(dòng)</marquee>
<marquee behavior="scroll">我單方向循環(huán)滾動(dòng)</marquee>
<marquee behavior="scroll" direction="up" height="30">我改單方向向上循環(huán)滾動(dòng)</marquee> 
<marquee behavior="slide">我只滾動(dòng)一次</marquee>
<marquee behavior="slide" direction="up">我改向上只滾動(dòng)一次了</marquee>

bgcolor屬性文字滾動(dòng)范圍的背景顏色，參數(shù)值是16進(jìn)制（形式：#AABBCC或#AA5566等）或預(yù)定義的顏色名字（如red、yellow、blue等）。如下所示：<marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是紅色的</marquee>

還有html marquee標(biāo)簽的direction屬性：

文字滾動(dòng)的方向，屬性的參數(shù)值有down、left、right、up共四個(gè)單一可選值，分別代表滾動(dòng)方向向下、向左、向右、向上。如下所示：

<marquee direction="right">我向右滾動(dòng)</marquee>
<marquee direction="left">我向左滾動(dòng)</marquee>
<marquee direction="down">我向下滾動(dòng)</marquee>
<marquee direction="up">我向上滾動(dòng)</marquee>

主要是后面兩個(gè)，就是本文首要介紹的上下滾動(dòng)，設(shè)置了這個(gè)就能讓里面的文本進(jìn)行上下滾動(dòng)效果。

現(xiàn)在說說看marquee標(biāo)簽的滾動(dòng)速度：

這個(gè)html marquee標(biāo)簽的滾動(dòng)速度是哪個(gè)屬性呢？有沒有人能猜到。。。

好吧，還是我自己說吧，是scrollamount和scrolldelay屬性：

這兩個(gè)屬性決定文字滾動(dòng)的速度（scrollamount）和延時(shí)（scrolldelay），參數(shù)值都是正整數(shù)。如下所示：

<marquee scrollamount="100">我速度很快.</marquee>
<marquee scrollamount="50">我慢了些。</marquee>
<marquee scrolldelay="30">我小步前進(jìn)。</marquee>
<marquee scrolldelay="1000" scrollamount="100">我大步前進(jìn)。</marquee>

可以設(shè)置具體的數(shù)字，你想多快就多快，你想多慢就多慢，是不是很有趣呢。但是因?yàn)槎际莿?dòng)圖，都是不好截圖的，給大家推薦個(gè)可以直接復(fù)制就能出效果的網(wǎng)址：http://www.php.cn/code/26516.html，只要把上面的代碼復(fù)制進(jìn)去就能顯示出效果了。大家可以試試看。

好了，本篇關(guān)于html marquee標(biāo)簽的兩種用法都在這里了。有問題的可以在下方提問。

【小編推薦】

html中滾動(dòng)條的代碼是什么？如何設(shè)置html滾動(dòng)條？

html5 progress標(biāo)簽怎么用？progress標(biāo)簽的屬性介紹

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