<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery二级导航菜单</title>
<script language="javascript" src="jquery1.7.js"></script>
<script language="javascript">
$(function () {
$('#nav li').mousemove(function () {
$(this).find('ul').slideDown("slow");
});
$('#nav li').mouseleave(function () {
$(this).find('ul').slideUp("slow");
});
});
</script>
<style type="text/css">
#nav li{
width:100px;height:50px;float:left;background:#000;text-align:center;line-height:50px;border-radius:5px;list-style:none;
box-shadow: 5px 5px 5px #000000; margin-right:5px;*_margin:0;
}
#nav a:
JQuery 实现二级下拉菜单
最新推荐文章于 2023-11-11 19:23:59 发布