如何制作HTML字幕動(dòng)畫效果
我們?cè)跒g覽網(wǎng)頁(yè)的時(shí)候，有時(shí)會(huì)看到網(wǎng)頁(yè)中有些文字會(huì)循環(huán)往復(fù)的移動(dòng)。這種動(dòng)畫效果是如何制作的呢？這里我們來(lái)看一看。
當(dāng)然我們可以利用flash或者采用Gif動(dòng)畫來(lái)實(shí)現(xiàn)，但是這種方式往往占用的空間比較大，而且不如HTML標(biāo)記來(lái)得那么簡(jiǎn)單。這個(gè)標(biāo)記是Marquee標(biāo)記，中文翻譯為“跑馬燈”。IE3.0以上版本的瀏覽器中支持這個(gè)HTML標(biāo)記，而NetScape則不支持。因此我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候需要考慮這個(gè)問題。
Marquee標(biāo)記的基本語(yǔ)法結(jié)構(gòu)如下所示 ：
<MARQUEE ALIGN=″alignment″ BEHAVIOR=″type″ BGCOLOR=″color″ DIRECTI ON=″direction″ SCROLLAMOUNT=″n″ SCROLLDELAY=″n″ LOOP=″n″ WIDTH=″x″ HEIGHT=″y″ HSPACE=″x″ VSPACE=″y″>洪恩在線，12億中國(guó)人的網(wǎng)上大學(xué)</MARQUEE>
其中ALIGN可以用來(lái)指定滾動(dòng)字幕與左右文字的對(duì)齊方式，它的值可以有top、middle、bottom等；
BEHAVIOR用來(lái)指定滾動(dòng)字幕的滾動(dòng)方式，它的屬性值有scroll、slide和alternate三個(gè)，scroll表示滾動(dòng)字幕內(nèi)容向同一方向重復(fù)滾動(dòng)，slide表示滾動(dòng)字幕內(nèi)容從一端向另一端滾動(dòng)并在另一端停止，alternate表示滾動(dòng)字幕內(nèi)容在兩端之間來(lái)回往復(fù)滾動(dòng)；
DIRECTION指定滾動(dòng)字幕的滾動(dòng)方向，它的屬性值有l(wèi)eft和right兩個(gè)，分別表示滾 動(dòng)字幕由右向左和由左向右滾動(dòng)；SCROLLAMOUNT用來(lái)設(shè)置多次滾動(dòng)之間的間隔距離，其 單位是pixels（像素）；
SCROLLING用來(lái)指定滾動(dòng)字幕滾動(dòng)一次所需要的時(shí)間，單位是ms（千分之一秒）， 其值的大小將直接影響滾動(dòng)字幕的滾動(dòng)速度；
LOOP屬性是用來(lái)指定滾動(dòng)字幕的滾動(dòng)次數(shù) 的，當(dāng)它的值為“－1”時(shí)，滾動(dòng)字幕將連續(xù)滾動(dòng)直到瀏覽器載入下一個(gè)頁(yè)面；
HSPACE和 VSPACE則分別用來(lái)指定滾動(dòng)字幕與其上一級(jí)頁(yè)面在水平方向和豎直方向上的距離。
下面我們看一看跑馬燈的效果。(注意：這種跑馬燈的效果只在Internet Explorer中能看到，Netscape不支持marquee標(biāo)記）