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

Question

我通过使用 div 标签来使用 CSS sprite。但是在下面的代码中有 JavaScript，我不能保持 sprite。是否可以将 CSS sprite 保持在下面的代码中？图像在鼠标悬停功能中。

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

Answer 1

尝试为您想要精灵的链接添加一个类/id（您可以将精灵添加到链接，但是，对于组织，我更喜欢类/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()">