版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
第9章網(wǎng)頁(yè)的動(dòng)態(tài)效果9.1網(wǎng)頁(yè)的特效9.2將多媒體加入網(wǎng)頁(yè)9.3滾動(dòng)的文字9.4顯示Flash動(dòng)畫上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)9.2.1插入多媒體文件9.2.2嵌入多媒體文件9.2將多媒體加入網(wǎng)頁(yè)上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)第9章網(wǎng)頁(yè)的動(dòng)態(tài)效果
<meta>標(biāo)簽主要用于對(duì)HTML文檔進(jìn)行說明,如文檔的所有權(quán)、所采用的字符集等。如:
?<metaname="generator"content="MicrosoftFrontpage5.0">
(用來(lái)說明這個(gè)HTML文檔是用“MicrosoftFrontPage5.0”制作的。)
?<metahttp-equiv="content-type"content="text/html;charset=gb2312">
(用來(lái)說明這個(gè)HTML文檔所采用的字符集標(biāo)準(zhǔn)。)
在網(wǎng)頁(yè)設(shè)計(jì)中,動(dòng)態(tài)效果的實(shí)現(xiàn)是最精彩的部分,通過本章的學(xué)習(xí),將使你的網(wǎng)頁(yè)不但動(dòng)起來(lái),而且豐富多彩,從此踏入動(dòng)態(tài)網(wǎng)頁(yè)的制作領(lǐng)域。9.1網(wǎng)頁(yè)的特效上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)
<meta>標(biāo)簽放在<head>和</head>標(biāo)簽之間,在HTML文檔中可以包含任意數(shù)量的<meta>標(biāo)簽。在所有的<meta>標(biāo)簽的功能中,最具吸引力的就是它的自動(dòng)化功能和網(wǎng)頁(yè)進(jìn)入或退出時(shí)產(chǎn)生的過渡效果,下面我們通過實(shí)例來(lái)進(jìn)行介紹。在許多網(wǎng)站,第一個(gè)網(wǎng)站畫面常常停留幾秒后,即自動(dòng)切換到另一個(gè)網(wǎng)頁(yè),而這個(gè)技巧是利用<meta>標(biāo)簽,將http-equiv屬性設(shè)置為refresh(自動(dòng)更新),并在content屬性中指定秒數(shù)和自動(dòng)更新所顯示的網(wǎng)頁(yè)地址。語(yǔ)法如下:
<metahttp-equiv="Refresh"content="秒數(shù);url=文件名稱或網(wǎng)址">上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)使用<embed>標(biāo)簽可以將多媒體文件插入到網(wǎng)頁(yè)中,當(dāng)訪問者用鼠標(biāo)單擊多媒體對(duì)象時(shí),該類多媒體文件所關(guān)聯(lián)的應(yīng)用軟件(聲音、視頻播放軟件)將被激活,(必須已安裝在訪問者的計(jì)算機(jī)內(nèi)),并開始播放該多媒體文件。我們知道,Web頁(yè)面是多媒體的,可以在Web頁(yè)面中加入圖像、視頻、聲音等多媒體文件。9.2將多媒體加入網(wǎng)頁(yè)9.2.1插入多媒體文件上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)
<embed>標(biāo)簽主要有src、height、width三個(gè)屬性。其語(yǔ)法如下:
<embedsrc="多媒體文件的名稱"width=寬度height=高度loop=播放次數(shù)>
說明:
⑴src屬性用于指定多媒體文件的地址,該屬性必須使用。
⑵height和width屬性用于設(shè)置多媒體對(duì)象的高度和寬度,單位為像素。
⑶loop屬性用于設(shè)置播放的次數(shù),設(shè)為true會(huì)無(wú)限制的重復(fù)播放,直到你離開該網(wǎng)頁(yè)或是單擊播放網(wǎng)頁(yè)中的停止按鈕;若設(shè)為no,則僅播放一次,默認(rèn)值為no。上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)除了可以使用上述方法插入多媒體文件外,還可以在網(wǎng)頁(yè)中嵌入多媒體文件,它將不調(diào)用多媒體播放器。1.設(shè)置背景聲音可以使用<bgsound>標(biāo)簽來(lái)設(shè)置網(wǎng)頁(yè)的背景聲音。<bgsound>標(biāo)簽有src和loop兩個(gè)屬性。其語(yǔ)法如下:
<bgsoundsrc="聲音文件的名稱"loop=次數(shù)>
說明:
⑴src屬性用于指定聲音文件的地址,聲音文件可以是wav、midi和mp3等類型的文件。
⑵loop屬性用于設(shè)置聲音文件循環(huán)播放的次數(shù),若設(shè)為infinite時(shí),聲音文件將循環(huán)播放,直到網(wǎng)頁(yè)關(guān)閉為止。9.2.2嵌入多媒體文件上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)
2.嵌入視頻文件使用<img>標(biāo)簽可以在網(wǎng)頁(yè)中嵌入視頻文件。
<img>標(biāo)簽主要有src、dynsrc、start、loop四個(gè)屬性。其語(yǔ)法如下:
<imgsrc="圖像文件"dynsrc="視頻文件"start=開始播放時(shí)間loop=播放次數(shù)>
說明:
⑴dynsrc屬性用于指定要播放的視頻文件,必須是avi格式。
⑵src屬性用于指定作視頻“封面”的圖像文件,即在瀏覽器未完全讀入avi文件時(shí),先在avi播放區(qū)域顯示該圖像。
⑶start屬性用于設(shè)置視頻文件播放的開始時(shí)間,參數(shù)值為fileopen和mouseover。fileopen為默認(rèn)值,即在打開網(wǎng)頁(yè)時(shí)就開始播放視頻文件。mouseover參數(shù)表示當(dāng)鼠標(biāo)移到avi播放區(qū)域之上時(shí)開始播放視頻文件。
⑷loop屬性用于設(shè)置視頻文件循環(huán)播放的次數(shù)。上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)使用<marquee>標(biāo)簽可以簡(jiǎn)便地實(shí)現(xiàn)文字的移動(dòng),以達(dá)到動(dòng)感十足的視覺效果。
<marquee>是一個(gè)成對(duì)標(biāo)簽,它有direction、behavior、loop、scrollamount、scrolldelay、align、bgcolor、height、width、hspace和vspace等屬性。其語(yǔ)法如下:
<marqueedirection=參數(shù)值behavior=參數(shù)值loop=循環(huán)次數(shù)scrollamount=數(shù)值scrolldelay=數(shù)值、align=參數(shù)值、bgcolor="#"height=數(shù)值width=數(shù)值hspace=數(shù)值vspace=數(shù)值>要滾動(dòng)的文字</maruqee>9.3滾動(dòng)的文字上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)說明:
⑴direction屬性用于設(shè)置文字的移動(dòng)方向,它的取值為left和right。left表示從右向左移動(dòng),這是默認(rèn)方向。right表示從左向右移動(dòng)。
⑵behavior屬性用于設(shè)置文字的移動(dòng)方式,它的取值為scroll、slide或alternate。scroll表示滾動(dòng)播出,slide表示滾動(dòng)到一方后停止?jié)L動(dòng),alternate表示滾動(dòng)到一方后向相反方向滾動(dòng)。
⑶loop屬性用于設(shè)置文字移動(dòng)的循環(huán)次數(shù),若未指定或取值為“infinite”則循環(huán)不止。
⑷scrollamount屬性用于設(shè)置文字移動(dòng)的速度。
⑸scrolldelay屬性用于設(shè)置文字的移動(dòng)延遲。上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)
⑹align屬性用于設(shè)置文字的對(duì)齊方式。它的取值為top、middle、bottom。
⑺bgcolor屬性用于設(shè)置滾動(dòng)文字的背景色。
⑻height、width屬性用于設(shè)置滾動(dòng)文字的寬度和高度,單位為像素或占瀏覽器窗口的百分比。
⑼hspace和vspace屬性用于設(shè)置滾動(dòng)文字周圍的空白區(qū)域,單位為像素或占瀏覽器窗口的百分比。上一頁(yè)下一頁(yè)目錄結(jié)束本節(jié)如今的商業(yè)
溫馨提示
- 1. 本站所有資源如無(wú)特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 電工安全操作規(guī)程考試含答案
- 程序員崗位面試題庫(kù)及答案參考
- 2025年智能辦公空間設(shè)計(jì)與實(shí)施項(xiàng)目可行性研究報(bào)告
- 2025年城市綠化項(xiàng)目規(guī)劃可行性研究報(bào)告
- 學(xué)位房放棄協(xié)議書
- 2026年云南新興職業(yè)學(xué)院?jiǎn)握新殬I(yè)傾向性考試題庫(kù)附答案詳解
- 2026年煙臺(tái)城市科技職業(yè)學(xué)院?jiǎn)握新殬I(yè)技能測(cè)試題庫(kù)含答案詳解
- 2026年西安電力高等??茖W(xué)校單招職業(yè)適應(yīng)性測(cè)試題庫(kù)帶答案詳解
- 2026年泉州工程職業(yè)技術(shù)學(xué)院?jiǎn)握新殬I(yè)適應(yīng)性測(cè)試題庫(kù)附答案詳解
- 2026年曹妃甸職業(yè)技術(shù)學(xué)院?jiǎn)握芯C合素質(zhì)考試題庫(kù)及參考答案詳解
- 學(xué)堂在線 雨課堂 學(xué)堂云 生活英語(yǔ)進(jìn)階 期末考試答案
- 國(guó)開電大軟件工程形考作業(yè)3參考答案 (一)
- 西方哲學(xué)智慧2024-西方哲學(xué)智慧超星爾雅答案
- 成功的三大要素
- GB/T 41932-2022塑料斷裂韌性(GIC和KIC)的測(cè)定線彈性斷裂力學(xué)(LEFM)法
- 2023年浙江省大學(xué)生物理競(jìng)賽試卷
- GB/T 2007.1-1987散裝礦產(chǎn)品取樣、制樣通則手工取樣方法
- GB/T 18226-2015公路交通工程鋼構(gòu)件防腐技術(shù)條件
- 礦井提升與運(yùn)輸斜井提升課件
- 光纖通信期末試題
- 自然辯證法2018年版課后思考題答案
評(píng)論
0/150
提交評(píng)論