Error message

Notice: Undefined offset: 1 in counter_get_browser() (line 70 of /volume1/librarythings/www/sites/all/modules/counter/counter.lib.inc).

網頁按鈕的圖片切換

Categories : 

最近,在製作靜態的網頁時

常常用到一個圖片切換的功能

為了可以讓原本比較平淡的網頁,稍微給他一點動態的感覺

於是,就找到這個功能

讓你可以在滑鼠移動到圖片上方時,換成另一個圖片,而移出時,又變回原本的圖案

首頁

就是上面這個圖案的功能!

 

是不是常常在其他的網頁上,也有看到類似的功能呢?

以下就跟大家說,要如何在原始碼中撰寫喔!

 

原始碼


<img src="image/home.png" alt="首頁" border="0" onmouseover="this.src='image/home_hover.png'" onmouseout="this.src='image/home.png'">

就這麼簡單,還可以搭配根超連結一起喔!

有點像超連結的text-decoration,只不過這是用圖片的方式來呈現囉!

Read more about: