艾利百科--临沂网站制作,临沂网页设计,临沂微信公众号,兼容并蓄,开放共赢!

艾利百科

当前位置: 主页 > 网站制作 > Bootstrap >

Bootstrap鼠标经过出现下拉菜单

时间:2018-06-10 13:04来源:未知 作者:kunbeatable 点击:
Bootstrap 为了适应移动端设备,导航栏功能没有设置鼠标hover事件,只有通过点击事件下拉菜单才能出现,因此需要通过jQuery做一些修改,在PC端实现鼠标经过出现下拉菜单的效果。原理相对比较简单,在外部调用js中插入下面的代码: $(li.dropdown).mouseover(f
Bootstrap 为了适应移动端设备,导航栏功能没有设置鼠标hover事件,只有通过点击事件下拉菜单才能出现,因此需要通过jQuery做一些修改,在PC端实现鼠标经过出现下拉菜单的效果。原理相对比较简单,在外部调用js中插入下面的代码:

$('li.dropdown').mouseover(function() { 
     $(this).addClass('open');    
}).mouseout(function() {        
     $(this).removeClass('open');    
}); 

这个是在bootstrap基础上修改的jQuery效果。
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片