網頁設計跑馬燈效果就係經常睇到既文字左右移動轉換效果,呢個係籠統說法,雖然呢種效果目前已經被許多很正的JS代替,但係有d時候有可能會用到架,呢度講解既就係最常見既跑馬燈效果文字公告欄置
<div align="center"> <table style="color:white; font-size:10pt" border="1" style="color:white; font-size:10pt" bordercolor="#FF9900"> <td background="圖檔網址.gif"> <p> <font color="#FFFF00" face="新細明體" size="2"> <marquee scrollamount='2' scrolldelay='150' direction= 'up' width='105' id=xiaoqing height='120' onmouseover=xiaoqing.stop() onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新細明體">文字跑馬燈公告欄<br>在這輸入文字內容<br></marquee> </font></td></table> |
div align="center">→文字公告欄置中
center=居中;left=靠左;right=靠右
<table style="color:white; font-size:10pt" border="1" style="color:white; font-size:10pt"
color:white →公告欄背景白色
bordercolor="#FF9900">→框線顏色(橘色)
<td background="圖檔網址.gif">→可有可無
<p>
<font color="#FFFF00" →公告欄內容文字顏色(藍色)
face="新細明體" size="2">→文字字體大小
<marquee scrollamount='2' scrolldelay='150' →跑馬燈速度數值越大跑越慢
direction= 'up' →文字跑馬燈向上
跑馬燈移動:
往左=left
往右=right
往上=up
往下=down
左右=alternate
width='105' id=xiaoqing height='120' →跑馬燈公告欄寬高
onmouseover=xiaoqing.stop()
onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新細明體">文字跑馬燈公告欄<br>在這輸入文字內容<br></marquee>
</font></td></table>
<br>跳行語法
留言列表