jQuery菜单插件用法实例_jquery

来源：梧忧教育

本文实例讲述了jQuery菜单插件用法。分享给大家供大家参考。具体如下：

这里要分享的是一个菜单插件，在http://plugins.jquery.com/keleyi/ 看到的，使用找个插件可以制作页面底部向上弹出的菜单，不一定在页底，还有多种其他方式。

jQuery菜单插件js文件：

插件css文件：

div.keleyi-menubar{width:100%;visibility:visible;padding:0px;}
ul.keleyi-menu{list-style-type:none;padding:0px;}
ul.keleyi-menu a{text-decoration:none}
ul.keleyi-menu a:hover{text-decoration:underline;}
ul.keleyi-menu>li li{padding:0px;}
ul.keleyi-menu li b{
display:inline-block;
width: 0;
height: 0;
border-width: 4px 4px;
border-style: solid;
border-color: transparent transparent #fff;
font-size: 0;
line-height: 0;
-moz-transition: -moz-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
vertical-align:text-top;
margin-left:5px
}

jQuery菜单插件例子：




 Keleyi Menu (jQuery Plugin)0.1.6 Demo- keleyi.com
 
 
 
 


 
 
 Keleyi
 A jQuery Menu Plugin
 Browser Support
 Keleyi 0.1.4-0.1.6:IE6+,Chrome,Firefox,Opera,Safari

 Keleyi 0.1.3:IE8+(not support IE6),Chrome,Firefox,Opera,Safari
 
 
 
 Home
 jQuery
 
 
github
 
 
 Keleyi
 Demo 11
 Demo
 
 
Demo 1
 Demo 2
 Demo 3
 Demo 4
 Demo 5
 
 
 Demo 6
 
 
Demo 7
 Demo 8
 Demo 9
 Demo 10
 
 Demo 12
 Demo 13

希望本文所述对大家的jquery程序设计有所帮助。