鼠标滑过,展示下拉菜单
1 html
2 js
3 图示:
分享标题:鼠标滑过,展示下拉菜单
网页路径:http://scyanting.com/article/iphhgh.html
点击(此处)折叠或打开
成都创新互联公司专业为企业提供绛县网站建设、绛县做网站、绛县网站设计、绛县网站制作等企业网站建设、网页设计与制作、绛县企业网站模板建站服务,10多年绛县做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
点击(此处)折叠或打开
-
//鼠标滑过导航栏下拉菜单展开
-
var timer;
-
$(".user").mouseover(function(){
-
clearTimeout(timer);
-
$(".dropdown-menu").show();
-
});
-
$(".user").mouseout(function(){
-
timer = setTimeout(function(){
-
$(".dropdown-menu").hide();
-
},100);
-
});
-
$(".dropdown-menu").mouseover(function(){
-
clearTimeout(timer);
-
$(".dropdown-menu").show();
-
});
-
$(".dropdown-menu").mouseout(function(){
-
$(".dropdown-menu").hide();
- });
分享标题:鼠标滑过,展示下拉菜单
网页路径:http://scyanting.com/article/iphhgh.html