【學(xué)習(xí)】第16章-利用JavaScript制作網(wǎng)頁特效

1、.利用JavaScript可以輕松制作網(wǎng)頁特效，如可以制作顯示當(dāng)前時間、跟隨鼠標(biāo)的文字。本章就來介紹利用JavaScript制作時間特效、圖像特效、窗口特效、鼠標(biāo)特效和其他一些常見特效的方法。.掌握時間特效的應(yīng)用 掌握圖像特效的應(yīng)用 掌握窗口特效的應(yīng)用 掌握鼠標(biāo)特效的應(yīng)用 掌握其他特效的應(yīng)用 .在網(wǎng)頁中經(jīng)常可以看到各種各樣的動態(tài)時間顯示，在網(wǎng)頁中合理地使用時間可以增加網(wǎng)頁的時效感。下面通過實例講述時間特效的制作。.在很多的網(wǎng)頁上都顯示當(dāng)前的時間，下面利用getHours()、getMinutes()、getSeconds()分別獲得當(dāng)前小時數(shù)、獲得當(dāng)前分鐘數(shù)、獲得當(dāng)前秒數(shù)，然后給時間變量tim

2、er賦值，最后在文本框中顯示當(dāng)前時間。 16.1.1 16.1.1 顯示當(dāng)前時間顯示當(dāng)前時間.首先定義一個星期數(shù)組initArray()，然后利用getYear()、getMonth()、getDate()、getDay()分別獲得當(dāng)前年份、獲得當(dāng)前月份、獲得當(dāng)前日數(shù)、獲得當(dāng)前星期。16.1.2 16.1.2 顯示當(dāng)前日期顯示當(dāng)前日期.16.1.3 16.1.3 顯示網(wǎng)頁停留時間顯示網(wǎng)頁停留時間顯示網(wǎng)頁停留時間也是一種常見的網(wǎng)頁特效。首先用定義一個表單，然后在表單內(nèi)使用標(biāo)記定義一個文本框，然后定義一個function update()函數(shù)計算停留時間，最后利用“document.forms.i

3、nput1.value=hour+時+min+分+sec+秒”在文本框中顯示停留時間 。.16.1.4 16.1.4 制作倒計時特效制作倒計時特效倒計時特效可以讓用戶明確知道到某個日期剩余的時間，制作倒計時特效的具體操作步驟如下。.圖像是文本的解釋和說明，在網(wǎng)頁中的適當(dāng)位置放置一些圖像，不僅可以使文本更加容易閱讀，而且可以使網(wǎng)頁更加具有吸引力。利用JavaScript可以制作各種各樣的圖像特效。.16.2.1 16.2.1 當(dāng)鼠標(biāo)指針經(jīng)過圖像時圖像震動效果當(dāng)鼠標(biāo)指針經(jīng)過圖像時圖像震動效果下面制作當(dāng)鼠標(biāo)指針放在圖像上的時候，圖像出現(xiàn)震動的效果，具體操作步驟如下。 .16.2.2 16.2.2 圖

4、片閃爍效果圖片閃爍效果制作圖片閃爍效果主要是利用屬性來表示元素的可見性。制作圖片閃爍效果的具體操作步驟如下。.利用圖像數(shù)組可以實現(xiàn)自動切換圖像效果，具體操作步驟如下。16.2.3 16.2.3 自動切換圖像自動切換圖像.在JavaScript中還提供了窗口對象的方法和屬性，通過這些方法和屬性可以制作出各種各樣的窗口特效。下面以實例來看看窗口特效的具體應(yīng)用。.16.3.1 16.3.1 全屏顯示窗口全屏顯示窗口利用fullscreen=yes可以制作全屏顯示窗口，具體操作步驟如下。.制作定時關(guān)閉窗口的具體操作步驟如下。16.3.2 16.3.2 定時關(guān)閉窗口定時關(guān)閉窗口.利用JavaScript

5、還可以制作出各種各樣的鼠標(biāo)特效，下面就通過三個實例講述禁止鼠標(biāo)右擊、跟隨鼠標(biāo)指針的圖像和跟隨鼠標(biāo)指針的滾動字幕效果的制作。.16.4.1 16.4.1 禁止鼠標(biāo)右擊禁止鼠標(biāo)右擊在一些網(wǎng)頁上，當(dāng)用戶單擊鼠標(biāo)右鍵時會彈出警告窗口或者直接沒有任何反應(yīng)。其作用是讓用戶無法使用鼠標(biāo)右鍵中的相應(yīng)功能，從而限制用戶一定的操作權(quán)限。.16.4.2 16.4.2 跟隨鼠標(biāo)指針移動的圖像跟隨鼠標(biāo)指針移動的圖像跟隨鼠標(biāo)指針移動的圖像是一種特殊的鼠標(biāo)效果，跟隨鼠標(biāo)指針移動的圖像具體操作步驟如下。.跟隨鼠標(biāo)指針的滾動字幕的具體操作步驟如下。16.4.3 16.4.3 跟隨鼠標(biāo)指針的滾動字幕跟隨鼠標(biāo)指針的滾動字幕.可以制作網(wǎng)站上其他常見的特效。.設(shè)置為首頁和加入收藏夾是網(wǎng)頁中最常見的特效，具體操作步驟如下。16.5.1 16.5.1 設(shè)置為首頁和加入收藏夾設(shè)置為首頁和加入收藏夾.16.5.2 16.5.2 瀏覽器狀態(tài)欄顯示信息瀏覽器狀態(tài)欄顯示信息瀏覽器狀態(tài)欄信息是由windows對象中的status屬性來進(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è)置的具體操作步驟如下。.經(jīng)典習(xí)題1. 1. 填空題填空題（1）在很多的網(wǎng)頁上都顯示當(dāng)前的時間，利用_、_、_