檔案名稱:CSS hover淡出淡入切換圖片(範例下載)
Dreamweaver在很早之前,內建就可製作出,二張圖片的互換效果,當滑鼠滑到圖片上方時,就可切換成另一張圖片,雖然說現在都已透過css的背景來作變換圖片,但這比較限於固定版型使用,若是用於產品就不太合適,因此這時還是得在HTML中相互的變換圖片比較方便,而這時只需透過簡易的CSS設定後,就可完成兩張圖片相互的變換,同時還可加入CSS3的動畫特效,讓滑鼠滑入區塊時,在圖片變換過程中,還有淡出淡入的效果,至於要怎麼作呢?現在就一塊來看看吧!
檔案下載