DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 讓網頁靓起來 常見網頁特效使用方法
讓網頁靓起來 常見網頁特效使用方法
編輯:關於網頁技巧     

怎麼使用網頁特效?

不少朋友經常問我,你站上的網頁特效代碼該怎麼用?為什麼我將代碼插入到網頁裡沒有效果呢?為什麼我的特效沒有圖片?等等...其實對於大多數的網頁特效用起來還是非常簡單的,下面我簡要的說一下普遍性的特效代碼使用方法:

一、直接插入使用

對於大多數的網頁特效都是可以直接插入到網頁裡使用的,舉個例子:比如我想在我的網頁裡某個地方插入一個顯示當前時間的效果,那麼你可以在本站上搜索到時間的特效,比如我看到的代碼如下:


  


上面是顯示的一個當前日期時間星期的效果,在上面這些代碼中最主要的就是<script language="JavaScript">...</script> 這一段內容了,其他的都可以不管,所以我只要把<script language="JavaScript">...</script>這裡面的代碼復制到網頁裡相應的位置就可以了,這種情況是比較簡單的。

二、含有圖片的特效

有不少朋友問我為什麼我的特效沒有效果呢?也看不到圖片!

我們還是舉個例子來說吧,比如 爬向鼠標的好多螞蟻 這個特效,首先我們可以確定這個特效是屬於第一種類型的就是直接將<script language="JavaScript">...</script>裡的代碼插入網頁中就可以直接使用的,但是為什麼預覽的時候看不到螞蟻呢???我們知道那些螞蟻實際上都是一些圖片,然後程序上讓這些圖片運動而已,所以你看不到圖片的原因是:你有沒有把圖片保存到自己的電腦上呢,我們從這個特效裡的代碼可以看到下面的一段代碼:



這段代碼就是調用圖片的路徑和名稱,首先是在images文件夾下的,下面就是用到的所有圖片,你需要將這些圖片都要下載到自己的電腦上。怎麼下載?比如我下載antdl.gif這個圖片 我可以直接在網頁上另存為,也可以這樣[img]http://www.jscode.cn/JsCode/images/antdl.gif[/img] ,這裡面的訣竅你自己體會吧。把所有的圖片下載到電腦上後我們就要設置好這個特效使用的圖片的路徑,比如你這個網頁名字叫aa.htm 放在d:/web/myweb/aa.htm下面的,首先我們要在myweb這個文件夾下建立一個images文件夾,將那些圖片都放在這裡面,這時候你再預覽肯定就有效果,當然你也可以建立一個img文件夾或其他的隨便你,但是這時候代碼裡的var dir = "images/";這個就要隨之修改,同理圖片的名字你也可以自己隨便定義,但是要保證代碼裡的圖片跟實際路徑裡的圖片名字對應。

三、需要定義樣式的特效

這種情況在css效果裡比較多,有好多朋友直接把body裡的代碼復制過去了,可是忘記了head裡可能還有個style沒有復制過去,這樣預覽的時候肯定沒有效果的。

還是舉例子,比如 用CSS設計藝術字 這個效果,我們可以看到下面這個代碼段:



這段代碼按照標准寫法應該放在<head></head>之間的,在這個特效中寫的不夠規范但是不影響浏覽效果,<style></style>裡面的內容就是定義了這個效果裡所用到的樣式,我們可以看到一些基本的文字大小顏色等等屬性。所以沒有這個樣式控制,是看不到效果的。


四、需要頁面加載的特效

這種效果大家也經常遇到,很多時候大家調試來調試去就是沒有效果,對照了所有的代碼確定沒有錯誤,可是還是看不到效果,怎麼回事?可能就是你沒有加載這個效果啦,什麼意思?比如好多效果是代碼已經寫好的函數放在頁面裡,這時候別人打開網頁的時候,必須得加載這個函數才能啟動這個效果。我們還是舉例子來說吧,看下面這個特效:



這個效果大家應該看到過了吧沒看過的點擊:[url]http://www.jscode.cn/JsHtml/Js690.htm[/url] 首先這個特效也是屬於第一種情況直接將代碼插入就可以使用的,同時他也用到了圖片,按照第二種方法保存圖片。可是僅僅完成這兩步是不夠的,仔細看這個代碼我們會發現 body裡多了一行代碼<body onLoad="Start()"> ,你是否漏掉了onLoad="Start()"這個呢?說到這裡就行了至於這個屬性或函數怎麼寫的就不需要了,在這裡我僅僅是提醒大家不要忘記這個地方。

五、需要調用第三方文件的特效

這種情況一般是用在比較復雜的效果中,比如 可控制的用FLASH控件實現的圖片漸顯JS效果 這個就需要一個外部文件,緊緊把所有代碼復制過去是沒用的。對於像類似的需要調用其它文件的我都會說明出來的或者直接提供外部文件的下載地址,他可能是個flash也可能是htm網頁還有可能是是其它形式的函數庫之類的,比如類似的還有在時間特效裡我整理的幾個彈出選擇日期效果的特效。當然下載下來的文件也不是隨便放的,具體的使用方法和圖片是類似的,我們要找到代碼中調用這個文件的地方,然後看看是直接放在根目錄下還是需要放在某個文件夾下的。

上面我簡要的說了一下特效的使用方法,緊緊是一些方法和小技巧,沒什麼技術上的東西,所以有些專業術語我都可能盡量的普通化一點,當然在做網頁的時候我們還會遇到其它的一些問題,希望大家能舉一反三

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved