- TEL:131 7970 3111
-
慧網(wǎng)微信
- 掃描二維碼
- 關(guān)注邳州在線
-
手機(jī)網(wǎng)站
- 手機(jī)掃描二維碼
- 進(jìn)入手機(jī)站
網(wǎng)站地圖
付款方式
如何制作HTML字幕動畫效果
我們在瀏覽網(wǎng)頁的時(shí)候,有時(shí)會看到網(wǎng)頁中有些文字會循環(huán)往復(fù)的移動。這種動畫效果是如何制作的呢?這里我們來看一看。
當(dāng)然我們可以利用flash或者采用Gif動畫來實(shí)現(xiàn),但是這種方式往往占用的空間比較大,而且不如HTML標(biāo)記來得那么簡單。這個(gè)標(biāo)記是Marquee標(biāo)記,中文翻譯為“跑馬燈”。IE3.0以上版本的瀏覽器中支持這個(gè)HTML標(biāo)記,而NetScape則不支持。因此我們在設(shè)計(jì)網(wǎng)頁的時(shí)候需要考慮這個(gè)問題。
Marquee標(biāo)記的基本語法結(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億中國人的網(wǎng)上大學(xué)</MARQUEE>
其中ALIGN可以用來指定滾動字幕與左右文字的對齊方式,它的值可以有top、middle、bottom等;
BEHAVIOR用來指定滾動字幕的滾動方式,它的屬性值有scroll、slide和alternate三個(gè),scroll表示滾動字幕內(nèi)容向同一方向重復(fù)滾動,slide表示滾動字幕內(nèi)容從一端向另一端滾動并在另一端停止,alternate表示滾動字幕內(nèi)容在兩端之間來回往復(fù)滾動;
DIRECTION指定滾動字幕的滾動方向,它的屬性值有l(wèi)eft和right兩個(gè),分別表示滾 動字幕由右向左和由左向右滾動;SCROLLAMOUNT用來設(shè)置多次滾動之間的間隔距離,其 單位是pixels(像素);
SCROLLING用來指定滾動字幕滾動一次所需要的時(shí)間,單位是ms(千分之一秒), 其值的大小將直接影響滾動字幕的滾動速度;
LOOP屬性是用來指定滾動字幕的滾動次數(shù) 的,當(dāng)它的值為“-1”時(shí),滾動字幕將連續(xù)滾動直到瀏覽器載入下一個(gè)頁面;
HSPACE和 VSPACE則分別用來指定滾動字幕與其上一級頁面在水平方向和豎直方向上的距離。
下面我們看一看跑馬燈的效果。(注意:這種跑馬燈的效果只在Internet Explorer中能看到,Netscape不支持marquee標(biāo)記)