淺談《網(wǎng)頁特效》的來源與用法

謝靜波　吳亞昊

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

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

中圖分類號：G623.58 文獻標識碼：A

0 前言

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

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

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

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

3網(wǎng)頁特效代碼的來源

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

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

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

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

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

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

4.1 含有圖片的特效

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

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

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

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

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

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

4.2 需要定義樣式的特效

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

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

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

4.3 需要頁面加載的特效

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

/*這一句不能沒有，因為下面有一個Start（）函數(shù)*/

5 總結(jié)

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