jQuery打开/隐藏下拉菜单


jQuery部分:
$(document).ready(function () {
$('img.menu_class').click(function () {
$('ul.the_menu').slideToggle('medium');
});
});

代码演示:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery隐藏下拉菜单</title>
<link href="images/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('img.menu_class').click(function () {
$('ul.the_menu').slideToggle('medium');
});
});
</script>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="button">
<img src="images/button.png" width="184" height="32" class="menu_class" />
<ul class="the_menu">
<li><a href="#">百度搜索</a></li>
<li><a href="#">新浪科技</a></li>
<li><a href="#">谷歌地图</a></li>
<li><a href="#">网易新闻</a></li>
<li><a href="#">搜狐游戏</a></li>
<li><a href="#">电脑爱好者</a></li>
<li><a href="#">源码爱好者</a></li>
<li><a href="#">天涯社区</a></li>
</ul>
</div>
</div>
</body>

文章附属文件

文件名称: 20180105115232479637.png

文件大小:20.89 KB

文件签名:A9E80E6019B548DCE610196576F21CB0CA8493F0

文件名称: 20180105115232521682.7z

文件大小:26.91 KB

文件签名:DD80DA051A14FA702045189E28D769902977497D

评论列表

此文章还没有评论。