背景圖像換MouseOver對於Unorderd列表項目

Question

我有一個列表項目，我想有一個項目上的圖像，而不是文本.... 什麼是最好的辦法呢？什麼是殺害我正在嘗試與onmouseover事件交換圖像... 任何幫助，將不勝感激....

Answer 1

你可以像下面這樣做My Fiddle

說明：

在這裏你給的背景圖像的每個<li>元素，比你給一點填充這些<li> ...現在用:hover你和其他的圖像:)

HTML替換這些

<ul> 
    <li>Hello</li> 
    <li>World</li> 
</ul>​ 

CSS

ul li { 
    background-image: url('http://www.bseindia.com/include/images/nav_bullet.png'); 
    background-repeat: no-repeat; 
    background-position: 2px 4px; 
    padding-left: 10px; 
} 

li:hover { 
    background-image: url('http://www.rbs.in/India/_image/bullet-blue.gif'); 
    background-repeat: no-repeat; 
    background-position: 2px 4px; 
    padding-left: 10px; 
}