DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> marquee|各種文字滾動代碼(適用公告)
marquee|各種文字滾動代碼(適用公告)
編輯:關於HTML     
1.建立第一個滾動字幕。代碼:SupeSite/X-Space官方站+TzmCx hi4tH
<marquee scrollAmount=2 width=300>漢網天下電腦IT技術</marquee>
%[%[;};I*N0??效果如: 漢網天下電腦IT技術

??2.各參數詳解:SupeSite/X-Space官方站j(A7Uq1E%w9{
??a)scrollAmount。它表示速度,值越大速度越快。如果沒有它,默認為6,建議設為1~3比較好。SupeSite/X-Space官方站"fW8An!I{5M
??b)width和height,表示滾動區域的大小,width是寬度,height是高度。特別是在做垂直滾動的時候,一定要設height的值。SupeSite/X-Space官方站7TuN ~Q5FGxR
??c)direction。表示滾動的方向,默認為從右向左:←←←。可選的值有right、down、up。滾動方向分別為:right表示→→→,up表示↑,down表示↓。
%F:T,v0Ex!Rg&}0??d)scrollDelay,這也是用來控制速度的,默認為90,值越大,速度越慢。通常scrollDelay是不需要設置的。SupeSite/X-Space官方站"U rCe{8I-_)s,Fe
??e)behavior。用它來控制屬性,默認為循環滾動,可選的值有alternate(交替滾動)、slide(幻燈片效果,指的是滾動一次,然後停止滾動)

??3.實例:SupeSite/X-Space官方站)ZR2df D6us
??a)如何給滾動字幕加超鏈接?這跟平時的超鏈接是完全一樣的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果,代碼是<marquee _fcksavedurl=***>和</a>就可以了。如下效果,代碼是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央電視台</a></marquee>,點擊中央電視台就可以進入了:
f1~9b;J%J j-P0  網天下電腦IT技術 

??b)如何制作當鼠標停留在文字上,文字停止滾動?SupeSite/X-Space官方站|I1g1i!CLP
??代碼如:SupeSite/X-Space官方站"J8G|.K,c#Gfr
<marquee scrollAmount=2 width=300 nmouseover=stop() nmouseout=start()>文字內容</marquee>SupeSite/X-Space官方站,P/s-tFD%e
??效果如:SupeSite/X-Space官方站v$bNLoYtBm)^
漢網天下電腦IT技術 

??c)交替效果。代碼如:SupeSite/X-Space官方站1t B1f a'b,wKe
<marquee scrollAmount=2 width=99 behavior=alternate>文字內容</marquee>
&vf)\wy8O%u0??效果如:
K+^1gsZ0 文字內容

??d)多行文本向上滾動。代碼如:SupeSite/X-Space官方站/V/M3[iSl2G2f8I
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空氣好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央電視台</a></marquee>
Xe1p.b\([%R{0??效果如:
ij,Ig C;?1Am0 ·早晨好啊!SupeSite/X-Space官方站7^!r ~)r{+N;on_0aa
·空氣好清新啊SupeSite/X-Space官方站0YC!X4^}"Y!F FW
·今朝食乜好呢?

·漢網天下電腦IT技術

??·注意:如果你的網頁經過了FrontPage編輯,保存之後,只能滾動一行,這時候你發現你原來的代碼順序已經變了,My god!解決的辦法是,找出原來的代碼,把它嵌入到JavaScript的document.write中即可,上述代碼寫為:SupeSite/X-Space官方站4whe6G7v|Aa5g/t
<script>document.write('<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空氣好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央電視台</a></marquee>')</script>

??e)改變滾動字幕的顏色?可以用樣式表來控制。如下效果,代碼是<marquee scrollAmount=2 width=300><a style=color:CC6600>漢網天下電腦IT技術!</a></marquee>。


)z2pG E J\Po0  漢網天下電腦IT技術 !
 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved