第16章-利用JavaScript制作網(wǎng)頁(yè)特效ppt課件_第1頁(yè)
第16章-利用JavaScript制作網(wǎng)頁(yè)特效ppt課件_第2頁(yè)
第16章-利用JavaScript制作網(wǎng)頁(yè)特效ppt課件_第3頁(yè)
第16章-利用JavaScript制作網(wǎng)頁(yè)特效ppt課件_第4頁(yè)
第16章-利用JavaScript制作網(wǎng)頁(yè)特效ppt課件_第5頁(yè)
已閱讀5頁(yè),還剩19頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、在網(wǎng)頁(yè)中經(jīng)??梢钥吹礁鞣N各樣的動(dòng)態(tài)時(shí)間顯示,在網(wǎng)頁(yè)中合理地使用時(shí)間可以增加網(wǎng)頁(yè)的時(shí)效感。下面通過(guò)實(shí)例講述時(shí)間特效的制作。在很多的網(wǎng)頁(yè)上都顯示當(dāng)前的時(shí)間,下面利用getHours()、getMinutes()、getSeconds()分別獲得當(dāng)前小時(shí)數(shù)、獲得當(dāng)前分鐘數(shù)、獲得當(dāng)前秒數(shù),然后給時(shí)間變量timer賦值,最后在文本框中顯示當(dāng)前時(shí)間。 16.1.1 16.1.1 顯示當(dāng)前時(shí)間顯示當(dāng)前時(shí)間首先定義一個(gè)星期數(shù)組initArray(),然后利用getYear()、getMonth()、getDate()、getDay()分別獲得當(dāng)前年份、獲得當(dāng)前月份、獲得當(dāng)前日數(shù)、獲得當(dāng)前星期。16.1.2 1

2、6.1.2 顯示當(dāng)前日期顯示當(dāng)前日期16.1.3 16.1.3 顯示網(wǎng)頁(yè)停留時(shí)間顯示網(wǎng)頁(yè)停留時(shí)間顯示網(wǎng)頁(yè)停留時(shí)間也是一種常見(jiàn)的網(wǎng)頁(yè)特效。首先用定義一個(gè)表單,然后在表單內(nèi)使用標(biāo)記定義一個(gè)文本框,然后定義一個(gè)function update()函數(shù)計(jì)算停留時(shí)間,最后利用“document.forms.input1.value=hour+時(shí)+min+分+sec+秒”在文本框中顯示停留時(shí)間 。16.1.4 16.1.4 制作倒計(jì)時(shí)特效制作倒計(jì)時(shí)特效倒計(jì)時(shí)特效可以讓用戶明確知道到某個(gè)日期剩余的時(shí)間,制作倒計(jì)時(shí)特效的具體操作步驟如下。圖像是文本的解釋和說(shuō)明,在網(wǎng)頁(yè)中的適當(dāng)位置放置一些圖像,不僅可以使文本更加

3、容易閱讀,而且可以使網(wǎng)頁(yè)更加具有吸引力。利用JavaScript可以制作各種各樣的圖像特效。16.2.1 16.2.1 當(dāng)鼠標(biāo)指針經(jīng)過(guò)圖像時(shí)圖像震動(dòng)效果當(dāng)鼠標(biāo)指針經(jīng)過(guò)圖像時(shí)圖像震動(dòng)效果下面制作當(dāng)鼠標(biāo)指針?lè)旁趫D像上的時(shí)候,圖像出現(xiàn)震動(dòng)的效果,具體操作步驟如下。 16.2.2 16.2.2 圖片閃爍效果圖片閃爍效果制作圖片閃爍效果主要是利用style.visibility屬性來(lái)表示元素的可見(jiàn)性。制作圖片閃爍效果的具體操作步驟如下。利用圖像數(shù)組可以實(shí)現(xiàn)自動(dòng)切換圖像效果,具體操作步驟如下。16.2.3 16.2.3 自動(dòng)切換圖像自動(dòng)切換圖像在JavaScript中還提供了窗口對(duì)象的方法和屬性,通過(guò)這些

4、方法和屬性可以制作出各種各樣的窗口特效。下面以實(shí)例來(lái)看看窗口特效的具體應(yīng)用。16.3.1 16.3.1 全屏顯示窗口全屏顯示窗口利用fullscreen=yes可以制作全屏顯示窗口,具體操作步驟如下。制作定時(shí)關(guān)閉窗口的具體操作步驟如下。16.3.2 16.3.2 定時(shí)關(guān)閉窗口定時(shí)關(guān)閉窗口利用JavaScript還可以制作出各種各樣的鼠標(biāo)特效,下面就通過(guò)三個(gè)實(shí)例講述禁止鼠標(biāo)右擊、跟隨鼠標(biāo)指針的圖像和跟隨鼠標(biāo)指針的滾動(dòng)字幕效果的制作。16.4.1 16.4.1 禁止鼠標(biāo)右擊禁止鼠標(biāo)右擊在一些網(wǎng)頁(yè)上,當(dāng)用戶單擊鼠標(biāo)右鍵時(shí)會(huì)彈出警告窗口或者直接沒(méi)有任何反應(yīng)。其作用是讓用戶無(wú)法使用鼠標(biāo)右鍵中的相應(yīng)功能,

5、從而限制用戶一定的操作權(quán)限。16.4.2 16.4.2 跟隨鼠標(biāo)指針移動(dòng)的圖像跟隨鼠標(biāo)指針移動(dòng)的圖像跟隨鼠標(biāo)指針移動(dòng)的圖像是一種特殊的鼠標(biāo)效果,跟隨鼠標(biāo)指針移動(dòng)的圖像具體操作步驟如下。跟隨鼠標(biāo)指針的滾動(dòng)字幕的具體操作步驟如下。16.4.3 16.4.3 跟隨鼠標(biāo)指針的滾動(dòng)字幕跟隨鼠標(biāo)指針的滾動(dòng)字幕可以制作網(wǎng)站上其他常見(jiàn)的特效。設(shè)置為首頁(yè)和加入收藏夾是網(wǎng)頁(yè)中最常見(jiàn)的特效,具體操作步驟如下。16.5.1 16.5.1 設(shè)置為首頁(yè)和加入收藏夾設(shè)置為首頁(yè)和加入收藏夾16.5.2 16.5.2 瀏覽器狀態(tài)欄顯示信息瀏覽器狀態(tài)欄顯示信息瀏覽器狀態(tài)欄信息是由windows對(duì)象中的status屬性來(lái)進(jìn)行控制的,瀏覽器狀態(tài)欄顯示信息的具體操作步驟如下 。16.5.3 16.5.3 進(jìn)入網(wǎng)站的口令設(shè)置進(jìn)入網(wǎng)站的口令設(shè)置進(jìn)入網(wǎng)站的口令設(shè)置的具體操作步驟如下。16.6經(jīng)典習(xí)題1. 1. 填空題填空題(1 1在很多的網(wǎng)頁(yè)上都顯示當(dāng)前的時(shí)間,利在很多的網(wǎng)頁(yè)上都顯示當(dāng)前的時(shí)間,利用用_、_、_分分別獲得當(dāng)前小時(shí)數(shù)、獲得當(dāng)前分鐘數(shù)、獲得別獲得當(dāng)前小時(shí)數(shù)、獲得當(dāng)前分鐘數(shù)、獲得當(dāng)前秒數(shù)。當(dāng)前秒數(shù)。(2 2瀏覽器狀態(tài)欄信息是

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝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ù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 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ì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論