jQuery响应式菜单

1、新建html文档。

3、初始化css代码。<style>h1 { padding: 30px 0; font: 32px "Microsoft Yahei"; text-align: center;}h2 { margin-top: 50px; font: 24px "Microsoft Yahei";}body { font-size: 14px;}.pgwMenu a { padding: 0 30px;}</style>

5、书写并添加js代码。<script src="js/jquery-1.8.3.min.js"></script><script src="js/pgwmenu.min.js"></script><script>$(function() { $('.pgwMenu').pgwMenu({ dropDownLabel: '菜单', viewMoreLabel: '更多<span class="icon"></span>' }); $('.pgwMenuCustom').pgwMenu({ mainClassName: 'pgwMenuCustom', dropDownLabel: '菜单', viewMoreLabel: '更多<span class="icon"></span>' });});</script>

7、查看效果。