img src和css3中的onmousehover

Question

是否可以爲CSS3中的src，onmouseout和onmousehover創建類？

<img src="http://www.somesite.com//images/g.png" onmouseout="this.src = 'http://www.somesite.com/images/g.png'" onmouseover="this.src = 'http://www.somesite.com/images/g-colored.png'" /> 

Answer 1

可以使用:hover僞規則還有background樣式屬性與url()功能做到這一點。通過使用某種形式的「空白」標籤的開始，然後用這樣的：

#my_tag_id 
{ 
    background: url('/some/url/to/the/default/image.png'); 
} 

#my_tag_id:hover 
{ 
    background: url('/some/url/to/the/hover/image.png'); 
} 

這不會使用img標籤本身的src屬性，但沒有任何JavaScript