简单jQuery下拉菜单

Posted 2021-02-26

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了简单jQuery下拉菜单相关的知识，希望对你有一定的参考价值。

A clean and simple drop down menu made in jQuery

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){    
    $("#dropdownbutton").click(function () {
      $("#menu").slideToggle("slow");
    });
  });
  </script>
 
</head>
<body>
  <a href="#" id="dropdownbutton">Show Menu</a>
  <ul id="menu" style="display:none">
  	<li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
  </ul>
</body>
</html>

以上是关于简单jQuery下拉菜单的主要内容，如果未能解决你的问题，请参考以下文章

jQuery 下拉菜单问题

20款jquery下拉导航菜单特效代码分享

HTML jQuery简单下拉菜单

简单jQuery下拉菜单

jQuery-导航下拉菜单-实用简单