html設(shè)置marquee標簽滾動速度的方法

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

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供單縣企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計制作、成都網(wǎng)站制作、H5建站、小程序制作等業(yè)務(wù)。10年已為單縣眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。

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

這個marquee標簽以前專門寫過關(guān)于它的一些用法和屬性，大家可以點擊html中滾動條的代碼是什么？如何設(shè)置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ù)的設(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>

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

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

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

當前題目：html設(shè)置marquee標簽滾動速度的方法
路徑分享：http://www.muchs.cn/article32/piegpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、云服務(wù)器、網(wǎng)站改版、商城網(wǎng)站、ChatGPT、手機網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)