js 鼠标经过显示隐藏效果实例

最新推荐文章于 2023-08-28 16:31:58 发布

原创最新推荐文章于 2023-08-28 16:31:58 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用jQuery实现的导航栏悬停显示二级菜单的效果。通过jQuery选择器定位元素，并利用hover事件来控制二级菜单的显示与隐藏，增强了用户体验。

$('.nav').children('.first').children('li').hover(function(){
var secindex=$(this).index();
var secindexpp = secindex+2;
if ($(this).index()!=0) $('.second').css('display','none');

$('.second:nth-child('+secindexpp+')').css('display','block');
},function(){
/*var secindex=$(this).index();
var secindexpp = secindex+2;
$('.second').css('display','none');
$('.second:nth-child('+secindexpp+')').css('display','block');
*/
});