用jQuery制作下拉菜单

 时间:2024-10-14 08:16:21

1、首先,新建一个html文档,代码如下:<html><head><script typ髫潋啜缅e="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>效果如图:

用jQuery制作下拉菜单

2、接下来,写JavaScript,代码如下:<script type="text/javascript">$(document).ready(function(){ $("#ss").click(function(){ $("#hh").toggle(); });});</script>效果如图:

用jQuery制作下拉菜单
用jQuery制作下拉菜单
用jQuery制作下拉菜单

3、<script type="text/javascript">$(document).ready(funct足毂忍珩ion(){ $("#ss").click(function(){ $("#hh").toggle(); });});</script>代码分析:$(document).ready(function()表示文档就绪是执行一个匿名函数,$("#ss").click(function()表示ID为ss的元素被点击时执行一个匿名函数, $("#hh").toggle();这句表示ID为hh的元素来回显示。

  • Jquery如何制作下拉菜单
  • Bootstrap如何制作下拉菜单
  • jQuery搜索框下拉菜单选择
  • 什么是jquery
  • jQuery搜索框下拉菜单选择插件
  • 热门搜索
    安全手抄报图片 清明节手抄报简单又漂亮 校园安全手抄报内容 西游记手抄报 植树节手抄报图片 节约用水手抄报简单画 春节的手抄报 小学生安全手抄报 端午手抄报 元宵节手抄报内容