首先我們介紹html中的滾動(dòng)條代碼:
今天我們介紹這個(gè)html滾動(dòng)條標(biāo)簽是marquee.
marquee 標(biāo)簽,它是成對出現(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)在說說設(shè)置HTML滾動(dòng)條:
這時(shí)候我們看看marquee標(biāo)簽如何利用它的屬性來實(shí)現(xiàn)html滾動(dòng)條的。
1.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
樣式很好看,都是動(dòng)態(tài)的,截圖截不出來,大家有興趣的可以在這里實(shí)踐,只要把上面的代碼復(fù)制下來,然后再http://www.survivalescaperooms.com/code/26516.html這里粘貼上去,就立馬能看見效果,不需要再把代碼補(bǔ)充完好才能顯示了,這里可以顯示很多你想要看的東西。
這只是其中的一個(gè)屬性,接下來還有幾個(gè)屬性,讓我們一起來看看吧:
2.html marquee標(biāo)簽的bgcolor屬性:
文字滾動(dòng)范圍的背景顏色,參數(shù)值是16進(jìn)制(形式:#AABBCC或#AA5566等)或預(yù)定義的顏色名字(如red、yellow、blue等)。如下所示:
marquee behavior== slide direction= left bgcolor= red 我的背景色是紅色的 /marquee
3.html marquee標(biāo)簽的direction屬性 :
文字滾動(dòng)的方向,屬性的參數(shù)值有down、left、right、up共四個(gè)單一可選值,分別代表滾動(dòng)方向向下、向左、向右、向上。如下所示:
marquee direction= right 我向右滾動(dòng) /marquee marquee direction= right 我向下滾動(dòng) /marquee
4.html marquee標(biāo)簽的width和height屬性 :
width和height屬性的作用決定滾動(dòng)文字在頁面中的矩形范圍大小。width屬性用以規(guī)定矩形的寬度,height屬性規(guī)定矩形的高度。這兩個(gè)屬性的參數(shù)值可以是數(shù)字或者百分?jǐn)?shù),數(shù)字表示矩形所占的(寬或高)像素點(diǎn)數(shù),百分?jǐn)?shù)表示矩形所占瀏覽器窗口的(寬或高)百分比。如下所示:
marquee width= 300 height= 30 bgcolor= red 我寬300像素,高30像素。 /marquee
5.html marquee標(biāo)簽的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
6.html marquee標(biāo)簽的align屬性:
這個(gè)屬性決定滾動(dòng)文字位于距形內(nèi)邊框的上下左右位置。您也可以將 marquee 和 /marquee 之間的內(nèi)容替換為圖像或其它對象等功能。
關(guān)于html marquee標(biāo)簽的注釋:
marquee元素的默認(rèn)寬度與其父元素的寬度相等。如果marquee位于沒有指定寬度的td內(nèi),你就需要明確設(shè)置marquee的寬度。如果marquee和td的寬度都沒有指定,那么滾動(dòng)字幕就將限定于1個(gè)像素寬。
要?jiǎng)?chuàng)建垂直滾動(dòng)的字幕,請將其scrollLeft屬性設(shè)定為0。要?jiǎng)?chuàng)建水平滾動(dòng)的字幕,請將其 scrollTop 屬性設(shè)定為 0,這將覆蓋任何腳本設(shè)置。
scrollLeft和scrollTop屬性當(dāng)字幕滾動(dòng)時(shí)為只讀。當(dāng)不處于滾動(dòng)狀態(tài)時(shí),scrollLeft對于設(shè)置為水平滾動(dòng)的字幕來說為可讀寫,scrolltop對于設(shè)置為垂直滾動(dòng)的字幕來說為可讀寫。
此元素在Microsoft? Internet Explorer 3.0的HTML中可用,在Internet Explorer4.0的腳本中可用。
此元素是塊元素。
此元素需要關(guān)閉標(biāo)簽。
【小編推薦】
HTML中如何加下劃線?html u 標(biāo)簽添加下劃線的用法實(shí)例
html button標(biāo)簽的樣式怎么設(shè)置?html button標(biāo)簽的樣式介紹
以上就是html中滾動(dòng)條的代碼是什么?如何設(shè)置html滾動(dòng)條?的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選