謝靜波　吳亞昊

摘 要 主要論述了網(wǎng)頁(yè)特效與網(wǎng)頁(yè)特效的分類；以及網(wǎng)頁(yè)特效代碼的來(lái)源與插入的幾種方法，應(yīng)用特效代碼設(shè)計(jì)出精美的網(wǎng)頁(yè)。

關(guān)鍵詞 網(wǎng)頁(yè)特效 特效分類 特效來(lái)源 插入方法

中圖分類號(hào)：G623.58 文獻(xiàn)標(biāo)識(shí)碼：A

0 前言

1 網(wǎng)頁(yè)特效的定義

網(wǎng)頁(yè)特效就是用網(wǎng)頁(yè)腳本jcvascript來(lái)編寫(xiě)制作動(dòng)態(tài)特殊效果。豐富多彩的網(wǎng)頁(yè)特效，為網(wǎng)頁(yè)增加了很不錯(cuò)的效果，初學(xué)網(wǎng)頁(yè)者按照說(shuō)明也很容易成功的為網(wǎng)頁(yè)添加網(wǎng)頁(yè)特效.學(xué)會(huì)添加網(wǎng)頁(yè)特效的過(guò)程也能激發(fā)網(wǎng)頁(yè)初學(xué)者更加了解HTML語(yǔ)言的結(jié)構(gòu)。

2 網(wǎng)頁(yè)特效的分類

它一般分為按鈕、數(shù)字時(shí)間、游戲、圖片、頁(yè)面、菜單、鼠標(biāo)、窗口、綜合特效。

3網(wǎng)頁(yè)特效代碼的來(lái)源

3.1 在網(wǎng)站上下載代碼

在http：//www.3wschool.com.cn/.http：//www.dabaoku.com/ 這個(gè)網(wǎng)站上有很多的例題，學(xué)生可以模仿去編程，《網(wǎng)頁(yè)制作大寶庫(kù)》《網(wǎng)頁(yè)特效集錦》這些網(wǎng)站有一導(dǎo)航欄是《網(wǎng)頁(yè)特效》，有十來(lái)類的網(wǎng)頁(yè)特效，有成千上萬(wàn)個(gè)特效去下載；非常實(shí)用，效果很好；拿來(lái)就可以用，只要懂得下面的一些插入方法。

3.2 使用《網(wǎng)頁(yè)代碼精靈》軟件產(chǎn)生代碼

《網(wǎng)頁(yè)特效精靈》 是一款網(wǎng)頁(yè)特效制作工具，包括可以自定義特效（精靈特效）和不可自定義特效，軟件使用了友好的界面，用戶只要單擊幾下鼠標(biāo)，就可以完成復(fù)雜的特效制作過(guò)程，無(wú)須修改任何代碼；復(fù)制代碼過(guò)去就行。

4 插入方法的應(yīng)用

我們不一定要自己編出網(wǎng)頁(yè)特效的代碼，下載的代碼用得好也能設(shè)計(jì)出精美的網(wǎng)頁(yè)。但下載的代碼一定要基本上能看懂。對(duì)于大多數(shù)的網(wǎng)頁(yè)特效都是可以直接插入到網(wǎng)頁(yè)里使用的，在下載時(shí)一般有注釋<！--將以下代碼加入HTML的之間-->。但以下幾種情況插入的過(guò)程中注意以下幾點(diǎn)，才能顯示出網(wǎng)頁(yè)的特效來(lái)：

4.1 含有圖片的特效

如果在網(wǎng)頁(yè)特效代碼中有圖片：

《爬向鼠標(biāo)的好多螞蟻》網(wǎng)頁(yè)特效一段代碼

var dir = "images/……………."；

var images = new Array（dir+"antdl.gif"），

dir+"antdn.gif"，…….）；

這段代碼就是調(diào)用圖片的路徑和名稱，antdl.gif這個(gè)圖片存在哪里？ 這里采用相對(duì)路徑，就要設(shè)置好這個(gè)圖片的路徑，比如這個(gè)網(wǎng)頁(yè)名字叫abc.htm 放在d：/web/myweb/abc.htm下面的，首先我們要在myweb這個(gè)文件夾下建立一個(gè)images文件夾，將那些圖片都放在這里面，這時(shí)候再預(yù)覽肯定就有效果。

4.2 需要定義樣式的特效

這種情況在css效果里比較多，有好多學(xué)生直接把body里的代碼復(fù)制過(guò)去了，可是忘記了head里可能還有個(gè)style沒(méi)有復(fù)制過(guò)去，這樣預(yù)覽的時(shí)候肯定沒(méi)有效果的。

例如 用CSS設(shè)計(jì)藝術(shù)字 這個(gè)效果，我們可以看到下面這個(gè)代碼段：

這段代碼按照標(biāo)準(zhǔn)寫(xiě)法應(yīng)該放在之間的，里面的內(nèi)容就是定義了這個(gè)效果里所用到的樣式，我們可以看到一些基本的文字大小顏色等屬性。所以要有這個(gè)樣式控制，才能看到效果。

4.3 需要頁(yè)面加載的特效

《頁(yè)面游動(dòng)吐泡小魚(yú)》這個(gè)網(wǎng)頁(yè)特效好多效果是代碼已經(jīng)寫(xiě)好的函數(shù)放在頁(yè)面里，這時(shí)候別人打開(kāi)網(wǎng)頁(yè)的時(shí)候，必須得加載這個(gè)函數(shù)才能啟動(dòng)這個(gè)效果。

/*這一句不能沒(méi)有，因?yàn)橄旅嬗幸粋€(gè)Start（）函數(shù)*/

5 總結(jié)

上面我簡(jiǎn)要的論述了特效的使用方法，僅僅是一些方法和小技巧，插入的關(guān)鍵是：看懂網(wǎng)頁(yè)特效的代碼?？炊恼Z(yǔ)法。網(wǎng)頁(yè)制作是一項(xiàng)操作性很強(qiáng)的課，熟能生巧，巧能生花。希望大家能多練習(xí)，能舉一反三。