我使用css构建了一个导航区域（它触发了一个javascript函数来调出一个子导航）。我遇到的问题是我的空间有限，导航区域有点挑剔。
http://clients.sugarpillfactory.com/fce/wp/
我想知道是否有减少javascript或css命中区域的技术或方法？目前我正在使用鼠标悬停的图像“卷起”技术，其中on：hover，我的图像（在下面被截取）卷起约50px以显示鼠标悬停状态。
示例：
aboutButton{
display: block;
float:left;
width: 136px;
height: 49px;
text-decoration: none;
border-style: none;
outline: none;
background-image: url(images/header_images/about_dual.png);
}
aboutButton:hover{
background-position: 0 -49px;
}
任何建议都非常感谢。
-J
答案 0 :(得分：3)
查看Hover Intent插件。只有在用户暂停元素一段时间后，它才会触发悬停事件。它非常可定制，并且在我的经验中非常有效。
答案 1 :(得分：0)
使用jQuery动画怎么样？
答案 2 :(得分：0)
你不会单独通过CSS获得暂停，这很好地顺便说一句。您需要/想要做的是，通过.js注入另一个.css文件，该文件删除：悬停样式，并从那里绑定事件，在javascript中悬停，将显示正确的子菜单。 jQuery是一个相当不错的选择。
我不会删除你的CSS工作，因为通过CSS使用无脚本和无Flash后备来获得所有内容都能正常运行通常最适合可用性。