本周日【珠海源创会】一起聊聊:PingCAP分布式事务、支付宝移动端实践、GSBN技术框架选型,点此报名占座

Hpyer / jquery.easymenuJavaScriptMIT

Watch 1 Star 0 Fork 0
加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
这个一个jQuery的插件,它可以让您创建下拉试的导航菜单更加简单。 展开 收起

http://blog.hpyer.cn/jquery-plugin-easymenu

Loading...
README.md

#jquery.easymenu

##概要

这个一个jQuery的插件,它可以让您创建下拉试的导航菜单更加简单。

  1. 无限子菜单显示
  2. 兼容IE6+、FireFox、Chrome等
  3. 轻量级,源码(含注释)还不到4K
  4. 符合标准的html代码

##示例

http://demo.hpyer.cn/js/easymenu/easymenu.html

##使用

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.easymenu.css" />
<script type="text/javascript" src="jquery.easymenu.js"></script>
</head>
<body>
<ul id="menu">
    <li><a href="#">Home</a></li>
    <li><a href="#">Tutorials</a>
    <ul>
        <li><a href="#">2nd Nav Link</a>
            <ul>
                <li><a href="#">3rd Nav Link</a></li>
                <li><a href="#">3rd Nav Link</a></li>
            </ul>
        </li>
        <li><a href="#">2nd Nav Link</a></li>
        </ul>
    </li>
</ul>
<script>$('#menu').easymenu();</script>
</body>
</html>

项目点评 ( 0 )

你可以在登录后,发表评论

搜索帮助

12_float_left_people 12_float_left_close