左右移動轉(zhuǎn)換文字特效HTML代碼解析

字號:


    跑馬燈效果就是經(jīng)??吹降奈淖肿笥乙苿愚D(zhuǎn)換效果,這是籠統(tǒng)說法,雖然這種效果目前已經(jīng)被許多很酷的JS代替,但在有些時候有可能會用到,這里講解的就是最常見的跑馬燈效果文字公告欄置
    代碼如下:
    <div>
    <table bordercolor="#FF9900">
    <td background="圖檔網(wǎng)址.gif">
    <p>
    <font color="#FFFF00" face="新細(xì)明體" size="2">
    <marquee scrollamount='2' scrolldelay='150' direction= 'up' width='105' id=xiaoqing height='120' onmouseover=xiaoqing.stop()
    onmouseout=xiaoqing.start()>文字跑馬燈公告欄<br>在這輸入文字內(nèi)容<br></marquee>
    </font></td></table>
    div>→文字公告欄置中
    center=居中;left=靠左;right=靠右
    <table
    color:white →公告欄背景白色
    bordercolor="#FF9900">→框線顏色(橘色)
    <td background="圖檔網(wǎng)址.gif">→可有可無
    <p>
    <font color="#FFFF00" →公告欄內(nèi)容文字顏色(藍(lán)色)
    face="新細(xì)明體" size="2">→文字字體大小
    <marquee scrollamount='2' scrolldelay='150' →跑馬燈速度數(shù)值越大跑越慢
    direction= 'up' →文字跑馬燈向上
    跑馬燈移動:
    往左=left
    往右=right
    往上=up
    往下=down
    左右=alternate
    width='105' id=xiaoqing height='120' →跑馬燈公告欄寬高
    onmouseover=xiaoqing.stop()
    onmouseout=xiaoqing.start()>文字跑馬燈公告欄<br>在這輸入文字內(nèi)容<br></marquee>
    </font></td></table>
    <br>跳行語法