css利用A標籤的背景可能作出很有意思的效果第1/2頁_經驗交流

這個效果是今天有人寫郵件給我問的一個效果，記前以前利用A標籤的背景寫過一個類似的效果。於是剛剛回來就寫了一下他要求的效果！順便貼出來和大家分享一下，如果你很有創意，那麼你一定能作出更有意思的效果。

他提出來的效果，是九天音樂首頁一個FLASH的作的效果，要用CSS模仿同樣的效果，可能是因為不想用FLASH或是SEO之類的目地。於是用FW作了兩張GIF的圖片，來模仿這樣的效果，由於是是測試用，所以圖片等很多方面沒有考慮的特別細。有些粗糙，但看上去還是有那麼點意思的，呵呵……

首先說一下：a:link、a:visited、a:hover、a : active：可能有人說我這是廢話，但如果是新手看到了這個，會很有用的，別人告訴你的東西，總比自已悟上半天的快。

複製代碼 代碼如下:

a:link{}
a:visited {}
a:hover {}
a:active {}

以上語句分別定義了“正常連結”“已訪問過的連結”“滑鼠停在上方時”“點下滑鼠時”的樣式。

對於新手，這裡千萬要注意，在書寫的過程中，這四行的順序千萬要按上邊的次序來寫，否則顯示出來的效果會和預想的不一樣。簡單的記憶方面就是“LVHA”。love ha.

以下是制用這個效果要用到的兩張圖片：

以下是CSS部分：

複製代碼 代碼如下:

以下是布局部分：
程式碼

複製代碼 代碼如下:

以下是效果：

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

