最近在博客上發(fā)現(xiàn)有人用走馬燈的方法來(lái)裝飾博客，如友情連接和文章標(biāo)題等，現(xiàn)介紹一些嵌套的走馬燈代碼Marquee的用法。
Marquee基本知識(shí)：
1.最簡(jiǎn)單的走馬燈
<marquee>小強(qiáng)博客</marquee>
2.Marquee標(biāo)簽的基本屬性
width（參數(shù)>0的整數(shù)）, height（參數(shù)>0的整數(shù)）, direction（參數(shù)left, right, up, down）, bgcolor（參數(shù)RGB,或者顏色單詞，或者6位顏色字母）,還支持其他復(fù)雜的CSS。
屏幕保護(hù)效果:
<marquee height="400" direction="up" width="500" bgcolor="#FFFFFF"> <marquee height="50" direction="left" width="100%"> <font style="font-size: 20px; color:#fff000">阿仔書館</font> </marquee> </marquee>
效果演示：
阿仔書館
滾動(dòng)文字特效
加個(gè)參數(shù)behavior="alternate" 再看看效果
scroll：Marquee 根據(jù) direction 設(shè)置的方向滾動(dòng)，文本滾到頭以后再重頭開始，這是默認(rèn)值。
alternate：Marquee 的內(nèi)容到達(dá)容器的邊緣后又按照相反的方向滾動(dòng)回來(lái)，周而復(fù)始，形成周期
slid：Marquee 根據(jù) direction 設(shè)置的方向滾動(dòng)，到邊緣就停止?jié)L動(dòng)，不再重復(fù)
就變成下面的：
<table> <tr> <td bgcolor=#FFFFFF width=468> <marquee direction="down" behavior="alternate" scrollamount=1 height="60"> <marquee direction="right" behavior="alternate" scrollamount=4 width="468"> 小強(qiáng)博客</marquee> </marquee> </td> </tr> </table>
效果演示:
阿仔書館
多嵌套
<table bgcolor="#FFFFFF"> <tr><td width="1" valign="top" > <marquee direction="down" behavior="alternate" scrollamount=1 height="60"> <marquee direction="right" scrollamount=4 behavior="alternate" width="468"> 阿仔書館 </marquee> </marquee> </td> <td width="468"> <marquee direction="up" behavior="alternate" scrollamount=1 height="60"> <marquee direction="left" scrollamount=4 behavior="alternate" width="468"> 博客秘籍 </marquee> </marquee> </td></tr></table>
效果演示
阿仔書館 阿仔收藏
為走馬燈添加背景圖片：
方法請(qǐng)參考：
http://www.360doc.com/showWeb/0/0/89521243.aspx
本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)
點(diǎn)擊舉報(bào)。
