html marquee標(biāo)簽如何完成上下滾動，marquee標(biāo)簽的滾動速度設(shè)置

首先讓我們認識這個html marquee標(biāo)簽：

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

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

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

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

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

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

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

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

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

<marquee direction="right">我向右滾動</marquee>
<marquee direction="left">我向左滾動</marquee>
<marquee direction="down">我向下滾動</marquee>
<marquee direction="up">我向上滾動</marquee>

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

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

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

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

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

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

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

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

【小編推薦】

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

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

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