您的位置:首页 > 其它

鼠标移入显示一个菜单列表 移出隐藏

2013-10-21 23:52 309 查看
鼠标移动到图片显示一个菜单列表。移出隐藏菜单列表。

<img id="clicshow" src=" "/>

<div id="show">

 <div style="color: #469214">全部</div>
<div style="width: 70px;height: 1px;background: #bbc7d6;margin: 0 auto;box-shadow: 0px 1.5px 1px #fff; "> </div>
 <div>投保人</div>
 <div style="width: 70px;height: 1px;background: #bbc7d6;margin: 0 auto;box-shadow: 0px 1.5px 1px #fff; "> </div>
 <div>险种</div>
</div>

//js部分

$(function(){

  $("#show").hide();

  $("#clicshow").mouseover(function(){

  // $("dd:visible").slideUp("slow");

  $(this).parent().next().slideDown("slow");

  return false;

  });

  $("#clicshow").mouseout(function(){

  $("#show").slideUp("fast");

  });

 });
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  mouseover mouseout