Javascript/CSS鼠标悬停区域太敏感

我使用css构建了一个导航区域（它触发一个javascript函数来显示一个子导航）。我的问题是我的空间有限，导航区域有点挑剔

我想知道是否有一种技术或方法可以减少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

使用jQuery制作动画怎么样

---

看看这个插件。它只会在用户在元素上暂停一段时间后触发悬停事件。根据我的经验，它是非常可定制的，并且工作得非常好。

您不会仅仅通过CSS获得暂停，顺便说一句，这很好地工作。您需要/想要做的是通过.js注入另一个.CSS文件，该文件删除：hover样式，并从中为javascript中的悬停绑定事件，该文件将显示正确的子菜单。jQuery是一个相当不错的选择

---

我不会只删除CSS的功能，因为通过CSS无脚本、无闪存回退，让一切都运行良好，通常对可用性来说是最好的。

我真的不明白你说的“太敏感”是什么意思？顺便说一句，非常好的网站。@Pekka，我的意思是他们的感情很容易受到伤害；）nickF的回答方式，我认为能更好地描述我的意思。谢谢-啊，我明白了！可怜的东西。我希望悬停意图能给他们一些保护。：）相信我，如果我能把flash和javascript扔出窗外，我会是一个快乐的人。我喜欢两者，但“新网络秩序”似乎并不关心它们。