菜鳥理察的部落格

1. 網路上很流行的MM_swapImage，有現成的一套javascript function供使用，請參考。

2.CSS hover屬性，ex. <div class="richard"></div>

.richard {backgroud:url('img/richard.gif');}

.richard:hover {backgroud:url('img/richard_new.gif');}

這樣移到div就會變色了，不過這方法有瀏覽器限制，網路上說FF可以IE不行，但我試的時候卻是IE & FF都不行，Chrome可以(囧)。

3.這方法可解決2的瀏覽器不相容的問題:使用jquery在ready block中註冊hover事件。

$(".richard").hover(function() {
$(this).css("background","url('img/richard_new.gif')");
},function(){
$(this).css("background","url('img/richard.gif')");
});

4.土法煉鋼:先寫好richard & richardNew兩個css block，內含不同的backgroud，

用onmouseover和onmouseout事件，以this.class='richard' 和 this.class='richardNew'去換css，這方法我自己測試只有IE正常，所以也是有相容性的問題囉!

照理說2的性能最好，要功能強大的話還是得靠3的jquery幫忙囉!以上。