html設置marquee標簽滾動速度的方法

這篇文章主要介紹html設置marquee標簽滾動速度的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

首先讓我們認識這個html marquee標簽：

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

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

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

html marquee標簽的behavior屬性：

behavior屬性的參數(shù)值為alternate、scroll、slide中的一個，分別表示文字來回滾動、單方向循環(huán)滾動、只滾動一次，需要注意的是：如果在<marquee>標簽中同時出現(xiàn)了direction和behavior屬性，那么scroll和slide的滾動方向?qū)⒁勒誨irection屬性中參數(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等）或預定義的顏色名字（如red、yellow、blue等）。如下所示：<marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是紅色的</marquee>

還有html marquee標簽的direction屬性：

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

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

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

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

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

好吧，還是我自己說吧，是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ù)字，你想多快就多快，你想多慢就多慢，是不是很有趣呢。但是因為都是動圖，都是不好截圖的，給大家推薦個可以直接復制就能出效果的網(wǎng)址：

以上是html設置marquee標簽滾動速度的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！