jQuery响应菜单插件PgwMenu

| | | | 下一个

特点

SEO兼容

完全定制的CSS文件包括在内

充分响应导航菜单(桌面和移动设备)

搜索引擎优化兼容

轻量级

使用方法

为了测试我们的自适应菜单，您可以调整您的浏览器，在demo中查看菜单变化。

添加jquery库,pgwmenu.min.js以及样式文件

<link rel="stylesheet" type="text/css" href="pgwmenu.min.css"/>

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript" src="pgwmenu.min.js"></script>

html结构

<ul class="pgwMenu">

        <li><a href="http://www.zjdaima.com">Link 1</a></li>

        <li><a href="#">Link 2</a></li>

        <li><a href="#" target="_blank">Link 3</a></li>

        <li><a href="#">Link 3</a></li>

        <li><a href="#">Link 4</a></li>

        <li><a href="#" target="_blank">Link 5</a></li>

        <li><a href="#">Link 6</a></li>

        <li><a href="#">Link 7</a></li>

        <li><a href="#" target="_blank">Link 3</a></li>

</ul>

js调用插件

<script type="text/javascript">

    $(document).ready(function(){

         $('.pgwMenu').pgwMenu();

    });

</script>

搜索发现

下载榜观看榜