Javascript/CSS 鼠标悬停区域过于敏感

Question

我使用 css 构建了一个导航区域(它触发了一个 javascript 函数来调出一个子导航)。我遇到的问题是我的空间有限，导航区域有点挑剔。

http://clients.sugarpillfactory.com/fce/wp/

我想知道在javascript或css中是否有减少点击区域的技术或方法？目前我正在为鼠标悬停使用图像“卷起”技术，在 :hover 上，我的图像(在下面被 chop )卷起约 50 像素以显示鼠标悬停状态。

例子:

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

Answer 1

看看 Hover Intent插入。它只会在用户在元素上暂停一段时间后触发悬停事件。根据我的经验，它非常可定制并且运行良好。