hiphop0614
|
分享:
x0
|
[HTML][教學] [教學]用好活動字幕標記—marquee
活動字幕,也稱為滾動看板、滾動字幕。活動字幕的使用使得整個網頁更有動感,顯得很有生氣。現在的網站中也越來越多地使用活動字幕來加強網頁的互動性。用Javascript編程可以實現活動字幕效果;用Dreamweaver的圖層再用其時間線功能可以做出非常漂亮的滾動看板。而用HTML的<marquee>活動字幕標記所需的代碼最少,確實能夠以較少的下載時間換來較好的效果。該標記語法格式如下: <marquee aligh=left|center|right|top|bottom bgcolor=#n direction=left|right|up|down behavior=type height=n hspace=n scrollamount=n Scrolldelay=n width=n VSpace=n loop=n> 可以看出由於活動字幕的顯示方式多種多樣,可選的參數也很多。下面解釋一下各參數的含義: align:是設定活動字幕的位置,不過除了居左、居中、居右三種位置外,又增加靠上(align=top)和靠下(align=bottom)兩種位置。 Bgcolor:用於設定活動字幕的背景顏色,一般是十六進制數。 Direction:用於設定活動字幕的滾動方向是向左、向右、向上、向下。 Behavior:用於設定滾動的方式,主要由三種方式:behavior="scroll"表示由一端滾動到另一端;behavior="slide":表示由一端快速滑動到另一端,且不再重複; behavior="alternate"表示在兩端之間來回滾動。 Height:用於設定滾動字幕的高度。 Width:則設定滾動字幕的寬度。 Hspace和vspace:分別用於設定滾動字幕的左右邊框和上下邊框的寬度。 Scrollamount:用於設定活動字幕的滾動距離。 scrolldelay:用於設定滾動兩次之間的延遲時間。 Loop:用於設定滾動的次數,當loop=-1表示一直滾動下去,直到頁面更新。 <marquee>標記的默認情況是向左滾動無限次,字幕高度是文本高度,滾動範圍:水平滾動的寬度是當前位置的寬度;垂直滾動的高度是當前位置的高度。
應用技巧 1、全取默認值,所用代碼最少,請看下面的例子 這個滾動字幕全取默認值,源代碼:<marquee>這裡寫字幕內容</marquee>,代碼是不是很少? 2、垂直滾動 只要加上diriction="up"就行了,如<marquee direction="up" >這裡寫字幕內容</marquee>。 3、多行文本的活動字幕 由於<mqrquee>標記只能作用於一段文本,因此多行活動字幕,分行時只能用<br>標記,不能用<p>標記。 示例源代碼: <marquee> 活動字幕內容第一行<br> 活動字幕內容第二行<br> 活動字幕內容第三行<br> </marquee> 4、在字幕內容中加入圖像 <marquee>雖是一個活動字幕標記,但它允許在其中加入圖像。下面是一個加入了圖片的代碼: <marquee><img src="image/a2ball.gif" width="17" height="16">這是加入圖像的活動字幕</marquee> 5、在Dreamweaver中使用<marquee>標記 Dreamweaver不能在編輯窗中直接加入marquee標記,但可在源代碼檢視器中加入<marquee>標記,然後在編輯窗中編輯活動字幕的內容即可。 <marquee>標記的參數較多,在應用中要把握一個原則,能用默認值就不要再設置參數值,用什麼參數就設置該參數的值,其它參數就不要再設置,以把代碼控制在最少的範圍內。
[ 此文章被codeboy在2004-12-13 11:53重新編輯 ]
|