
不少朋友經常問我,你站上的網頁特效代碼該怎么用?為什么我將代碼插入到網頁里沒有效果呢?為什么我的特效沒有圖片?等等...其實對于大多數的網頁特效用起來還是非常簡單的,下面我簡要的說一下普遍性的特效代碼使用方法:
一、直接插入使用
對于大多數的網頁特效都是可以直接插入到網頁里使用的,舉個例子:比如我想在我的網頁里某個地方插入一個顯示當前時間的效果,那么你可以在本站上搜索到時間的特效,比如我看到的代碼如下:
上面是顯示的一個當前日期時間星期的效果,在上面這些代碼中主要的就是<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>里面的內容就是定義了這個效果里所用到的樣式,我們可以看到一些基本的文字大小顏色等等屬性。所以沒有這個樣式控制,是看不到效果的。
四、需要頁面加載的特效
這種效果大家也經常遇到,很多時候大家調試來調試去就是沒有效果,對照了所有的代碼確定沒有錯誤,可是還是看不到效果,怎么回事?可能就是你沒有加載這個效果啦,什么意思?比如好多效果是代碼已經寫好的函數放在頁面里,這時候別人打開網頁的時候,必須得加載這個函數才能啟動這個效果。我們還是舉例子來說吧,看下面這個特效:
這個效果大家應該看到過了吧沒看過的點擊:http://www.jscode.cn/JsHtml/Js690.htm 首先這個特效也是屬于第一種情況直接將代碼插入就可以使用的,同時他也用到了圖片,按照第二種方法保存圖片。可是僅僅完成這兩步是不夠的,仔細看這個代碼我們會發現 body里多了一行代碼<body onLoad="Start()"> ,你是否漏掉了onLoad="Start()"這個呢?說到這里就行了至于這個屬性或函數怎么寫的就不需要了,在這里我僅僅是提醒大家不要忘記這個地方。
五、需要調用第三方文件的特效
這種情況一般是用在比較復雜的效果中,比如 可控制的用FLASH控件實現的圖片漸顯JS效果 這個就需要一個外部文件,緊緊把所有代碼復制過去是沒用的。對于像類似的需要調用其它文件的我都會說明出來的或者直接提供外部文件的下載地址,他可能是個flash也可能是htm網頁還有可能是是其它形式的函數庫之類的,比如類似的還有在時間特效里我整理的幾個彈出選擇日期效果的特效。當然下載下來的文件也不是隨便放的,具體的使用方法和圖片是類似的,我們要找到代碼中調用這個文件的地方,然后看看是直接放在根目錄下還是需要放在某個文件夾下的。
上面我簡要的說了一下特效的使用方法,緊緊是一些方法和小技巧,沒什么技術上的東西,所以有些專業術語我都可能盡量的普通化一點,當然在做網頁的時候我們還會遇到其它的一些問題,希望大家能舉一反三。
本文由培訓無憂網天琥教育專屬課程顧問老師整理發布,更多網頁制作相關課程請關注培訓無憂網網頁制作培訓或添加老師微信:15033336050
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-8917.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注網頁制作頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050