javascript - css 图像 Sprite 到鼠标功能上的 javascript

Question

我通过使用 div 标签来使用 CSS sprite。但是在下面的代码中有 JavaScript，我不能将 sprite 保留到那个。是否可以将 CSS sprite 保留到下面的代码？图像位于 onmouseover 函数中。

<a href="" target="_blank" onmouseover="MM_swapImage('Image52','','social-rss-h.png',1)" onmouseout="MM_swapImgRestore()">

Answer 1

尝试为你想要 Sprite 的链接添加一个类/id(你可以为链接添加 Sprite ，但是，为了组织，我更喜欢类/id)

a.sprite {
    background-image: url(images/menu.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
a.sprite:hover {
    background-position: 0 -60px 
}


<a class="sprite" href="" target="_blank" onmouseover="MM_swapImage('Image52','','social-rss-h.png',1)" onmouseout="MM_swapImgRestore()">