網頁滾動字幕效果css

滾動字幕會讓很多人感到興奮，特別是第一次使用滾動字幕時，會愛不釋手。滾動字幕我也做得不少了，對它也不會興奮了，所以現在也用得不多了。有不少朋友常問到這是怎麼做的，現在做一個詳細的專題，讓你更全面地了解一下。
 滾動字幕在FrontPage的組件裡有，但是FrontPage這個軟件只能支持單行文字，一出現多行文字它就無能為力了，而且它只能支持一行滾動！ (如果出現只能滾動一行的情況，解決辦法是把這段代碼嵌入到JavaScript的document.write裡面，請看下面例d的詳細說明)Dreamweaver也只能用編寫HTML代碼的方法。所以強烈建議用記事本打開網頁源代碼來編輯。

 1.建立第一個滾動字幕。代碼：
<marquee scrollAmount=2 width=300>廣州正佳網站建設公司專業的網頁設計網絡營銷服務提供商</marquee>
 效果如： 廣州正佳網站建設公司專業的網頁設計網絡營銷服務提供商

 2.各參數詳解：

3.實例：

 a)如何給滾動字幕加超鏈接？這跟平時的超鏈接是完全一樣的。只要在文字外面加上<a href=*** _fcksavedurl="***" _fcksavedurl="***" _fcksavedurl="***" _fcksavedurl="***" _fcksavedurl="***" _fcksavedurl= "***">和</a>就可以了。如下效果，代碼是<marquee scrollAmount=2 width=300><a href=http://www.kingar.com>網站建設</a></marquee>，點擊網站建設就可以進入了：

網站建設

 b)如何製作當鼠標停留在文字​​上，文字停止滾動？

 代碼如：
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字內容</marquee>
 效果如：
網頁設計

 c)交替效果。代碼如：

<marquee scrollAmount=2 width=99 behavior=alternate>文字內容</marquee>
 效果如：
文字內容

 d)多行文本向上滾動。代碼如：

<marquee scrollAmount=2 width=300 height=160 direction=up>•廣州正佳公司服務有:<br>•網站建設、企業郵箱、域名註冊<br>•網絡營銷網站推廣<p>•<a href= http://www.kingar.com /Company/">點這裡進入了解正佳公司簡介</a></marquee>
 效果如：
•廣州正佳公司服務有:
•網站建設、企業郵箱、域名註冊
•網絡營銷網站推廣

•點這裡進入了解正佳公司簡介

 •注意：如果你的網頁經過了FrontPage編輯，保存之後，只能滾動一行，這時候你發現你原來的代碼順序已經變了，My god！解決的辦法是，找出原來的代碼，把它嵌入到JavaScript的document.write中即可，上述代碼寫為：
<script>document.write('<marquee scrollAmount=2 width=300 height=160 direction=up>•正佳公司的服務優勢有：<br>•專業的團隊<br>•已服務上千家的客戶，網站建設網絡營銷一條龍<p>•<a href=http://www.kingar.com ">廣州網站建設</a>優秀的服務商之一</marquee>')</script>

 e)改變滾動字幕的顏色？可以用樣式表來控制。如下效果，代碼是<marquee scrollAmount=2 width=300><a :CC6600>做網站，找廣州正佳，一分投入，雙份收穫！ </a></marquee>。
做網站，找廣州正佳，一分投入，雙份收穫！

 由上可以看出，HTML代碼是可以隨意組合的，功能強大 a)scrollAmount。它表示速度，值越大速度越快。如果沒有它，默認為6，建議設為1～3比較好。
 b)width和height，表示滾動區域的大小，width是寬度，height是高度。特別是在做垂直滾動的時候，一定要設height的值。
 c)direction。表示滾動的方向，默認為從右向左：←←←。可選的值有right、down、up。滾動方向分別為：right表示→→→，up表示↑，down表示↓。
 d)scrollDelay，這也是用來控制速度的，默認為90，值越大，速度越慢。通常scrollDelay是不需要設置的。
 e)behavior。用它來控制屬性，默認為循環滾動，可選的值有alternate(交替滾動)、slide(幻燈片效果，指的是滾動一次，然後停止滾動)


<marquee scrollAmount=2 width=300 height=100 direction=up> <a href=http://www.clinic24hk.com>醫訊站</a> <BR> <a href=http://www.clinic24hk.com/2/post/2013/06/297.html>育兒大小事</a> <BR> </marquee>

資料引自 :