用jQuery制作下拉菜单
用jQuery制作下拉菜单，可以用toggle，点击一次显示，再次点击的时候就隐藏。
操作方法
- 01
首先，新建一个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> 效果如图：
- 02
接下来，写JavaScript，代码如下： <script type="text/javascript"> $(document).ready(function(){ $("#ss").click(function(){ $("#hh").toggle(); }); }); </script> 效果如图：
- 03
<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的元素来回显示。
赞 (0)