当前位置
首页 > 迪奥学院 > Js脚本 >

Jquery Hover 下拉菜单

时间:03/02/2014来源: 作者: 点击:

TAG:

JS部分

var aa = false;
var bb = false;
 $("#menu_a").hover(function(){
  aa = true;
  $(this).next().slideDown();
 },function(){
  aa = false;
  setTimeout(function(){
  if (aa == false && bb == false)
  $("#menu div").slideUp();
  },100);
  
 });
 
 $("#menu div").hover(function(){
  bb =  true;
  
 },function(){
  bb = false;
  setTimeout(function(){
  if (aa == false && bb == false)
  $("#menu div").slideUp();
  },100);
 });

 

 

html部分

<div id="menu">
 <a href="#" id="menu_a">+ 打开主菜单</a>
 <div>菜单内容</div>
</div>

咨询QQ:122388150 | 唐山网站建设,广告设计,动漫原创人设,网站重构,专注网站UI设计,创意设计,产品周边包装设计,标志设计 | 迪奥创意设计

Copyright 2006-2015 diaor.com © all right co,.Ltd