插件描述：创新命名，和移动端导航一样，列表样式，响应的滑动导航
使用方法
包括jQuery和jquery-sliding-menu.js 、jquery-sliding-menu.css添加到您的网页
1 2 | <script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery-sliding-menu.js"></script> |
js初始化导航menu()
1 2 3 4 5 6 | <script type="text/javascript">$(document).ready(function(){$('#menu').menu();});</script> |
html结构
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 | <div id="menu"> <ul> <li> <a href="#"> Artists </a> <ul> <li> <a href="#"> Aerosmith </a> <ul> <li> <a href="#"> Get Your Wings </a> <ul> <li> <a href="#"> Train Kept A-Rollin' </a> </li> <li> <a href="#"> Same Old Song and Dance </a> </li> </ul> </li> </ul> </li> <li> <a href="#"> Eagles </a> <ul> <li> <a href="#"> Hotel California </a> <ul> <li> <a href="#"> Hotel California </a> </li> <li> <a href="#"> Pretty Maids All in a Row </a> </li> </ul> </li> </ul> </li> <li> <a href="#"> Led Zeppelin </a> <ul> <li> <a href="#"> Physical Graffiti </a> <ul> <li> <a href="#"> In My Time of Dying </a> </li> <li> <a href="#"> Houses of the Holy </a> </li> </ul> </li> </ul> </li> </ul> </li> <li> <a href="#"> Albums </a> <ul> <li> <a href="#"> Get Your Wings </a> <ul> <li> <a href="#"> Train Kept A-Rollin' </a> </li> <li> <a href="#"> Same Old Song and Dance </a> </li> </ul> </li> <li> <a href="#"> Hotel California </a> <ul> <li> <a href="#"> Hotel California </a> </li> <li> <a href="#"> Pretty Maids All in a Row </a> </li> </ul> </li> <li> <a href="#"> Physical Graffiti </a> <ul> <li> <a href="#"> In My Time of Dying </a> </li> <li> <a href="#"> Houses of the Holy </a> </li> </ul> </li> </ul> </li> <li> <a href="#"> Songs </a> <ul> <li> <a href="#"> In My Time of Dying </a> </li> <li> <a href="#"> Houses of the Holy </a> </li> <li> <a href="#"> Hotel California </a> </li> <li> <a href="#"> Pretty Maids All in a Row </a> </li> <li> <a href="#"> Train Kept A-Rollin' </a> </li> <li> <a href="#"> Same Old Song and Dance </a> </li> </ul> </li> <li> <a href="#"> Genres </a> <ul> <li> <a href="#"> Rock </a> <ul> <li> <a href="#"> Hotel California </a> </li> <li> <a href="#"> Pretty Maids All in a Row </a> </li> <li> <a href="#"> Train Kept A-Rollin' </a> </li> <li> <a href="#"> Same Old Song and Dance </a> </li> </ul> </li> <li> <a href="#"> Hard rock </a> <ul> <li> <a href="#"> In My Time of Dying </a> </li> <li> <a href="#"> Houses of the Holy </a> </li> </ul> </li> </ul> </li> </ul></div> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jquery Android屏幕解锁插件patternlock
- 下一个特效： jQuery圆形统计插件circliful