廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 6033 個閱讀者
 
發表文章 發表投票 回覆文章
  可列印版   加為IE收藏   收藏主題   上一主題 | 下一主題   
hiphop0614
個人頭像
個人文章 個人相簿 個人日記 個人地圖
初露鋒芒
級別: 初露鋒芒 該用戶目前不上站
推文 x0 鮮花 x0
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
推文 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重新編輯 ]



獻花 x0 回到頂端 [樓 主] From:未知地址 | Posted:2004-10-19 14:30 |

首頁  發表文章 發表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.076960 second(s),query:15 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言