左右移動轉換文字特效HTML代碼解析

2024-08-26 00:11:22

字體：大中小

來源：轉載

供稿：網友

<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>跳行語法

上一篇：各種MOUSE鼠標形狀的表示方法

下一篇：IE6的BUG及修復謂防患于未然的策略