很简单的方法，加载bootstrap的js执行dropdown的方法就可以。相关的js文件可以到我的资源里面下载学习。
<!doctype html> <html> <head> <Meta charset="utf-8"> <title>bootstrap下拉菜单</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/bootstrap-dropdown.js"></script> <script type="text/javascript"> $('.dropdown-toggle').dropdown() </script> </head> <body> <ul class="nav nav-pills"> <li><a href="#">规则的链接</a></li> <li class="dropdown" id="menutest1"> <a class="dropdown-toggle" data-toggle="dropdown" href="#menutest1"> 下拉项 <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#">动作1</a></li> <li><a href="#">动作2</a></li> <li><a href="#">其他</a></li> <li class="divider"></li> <li><a href="#">被间隔的链接</a></li> </ul> </li> <li class='active'> <a data-toggle="dropdown" href="#menutest1">点击我看看</a> </li> </ul> </body> </html>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
