用jQuery制作下拉菜单
1、首先，新建一个html文档，代码如下：
<html>
<head>
<script type="text/javascript" src="jq/jquery-1.12.1.min.js"></script>
</head>
<body>
<a id="ss">个人中心</a>
<ul id="hh">
<li><a href="#">买卖情况</a></li>
<li><a href="#">在线物流</a></li>
<li><a href="#">售后服务</a></li>
</ul>
</body>
</html>
效果如图：
2、接下来，写JavaScript，代码如下：
<script type="text/javascript">
$(document).ready(function(){
$("#ss").click(function(){
$("#hh").toggle();
});
});
</script>
效果如图：
3、<script type="text/javascript">
$(document).ready(function(){
$("#ss").click(function(){
$("#hh").toggle();
});
});
</script>
代码分析：$(document).ready(function()表示文档就绪是执行一个匿名函数， $("#ss").click(function()表示ID为ss的元素被点击时执行一个匿名函数，
$("#hh").toggle();这句表示ID为hh的元素来回显示。
声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。
阅读量：169
阅读量：167
阅读量：46
阅读量：68
阅读量：72