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

前端之家收集整理的这篇文章主要介绍了Javascript / CSS鼠标悬停区域过于敏感 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我使用CSS构建了一个导航区域(它触发了javascript函数显示一个子导航).我遇到的问题是我的空间有限,并且导航区域有点挑剔.

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

我想知道是否有一种技术或方法来减少javascript或css中的点击区域?当前,我在鼠标悬停时使用图像“滚动”技术,在:hover上,我的图像(在下面被截断)滚动大约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

最佳答案
看一下Hover Intent插件.仅当用户在元素上暂停一段时间后,它才会触发悬停事件.根据我的经验,它是非常可定制的,并且效果很好.

猜你在找的CSS相关文章