所属分类:网页特效-导航菜单
引用jquery和LeftNav.css,LeftNav.js
<link rel="stylesheet" type="text/css" href="css/LeftNav.css"/> <script src="http://www.sucainiu.com/themes/cdn/jquery/jquery-1.10.2.js"></script> <script src="js/LeftNav.js" type="text/javascript" charset="utf-8"></script>
html导航容器
<div class="left"></div>
js导航数据
var menu = { name: '', //名字 level: '0', haschildren: true, //是否有子节点 url: '#', //url路径 isopen: false, //是否展开 children: [{ //子节点 name: '1', level: '1', haschildren: true, url: '', isopen: true, children: [{ name: '1.1', level: '2', haschildren: true, url: '', isopen: true, children: [{ name: '1.1.1', level: '3', haschildren: false, url: './14-1.html', isopen: true, children: '' }, { name: '1.1.2', level: '3', haschildren: false, url: '#', isopen: false, children: '' }] }] }] }
调用插件
$.leftNav(".left",menu);