调用很简单，只要将数据组织成json格式即可：格式如下： 复制代码 代码如下: window.onload = function() { var tf="if1"; var data=[{m:"体育网站",s:[{sn:"百度体育",st:"http://news.baidu.com/n?cmd=1&class=sportnews"}, {sn:"搜狐体育",st:"http://sports.sohu.com/"}, {sn:"新浪体育",st:"http://sports.sina.com.cn/"}]}, {m:"新闻网站",s:[{sn:"百度",st:"http://news.baidu.com/"}, {sn:"搜狐",st:"http://news.sohu.com/"}, {sn:"新浪",st:"http://news.sina.com.cn/"}]}, {m:"视频网站",s:[{sn:"百度视频",st:"http://vedio.baidu.com/"}, {sn:"搜狐视频",st:"http://tv.sohu.com/"}, {sn:"新浪视频",st:"http://vedio.sina.com.cn/"}]} ]; var nav=new tableNav("table1",data,tf); var bautoClose=false; //打开当前导航条时其它导航条是否关闭 nav.generateNav(bautoClose); } 整个实例代码如下：供初学者学习！ simple struct #divtitle{ border:solid 1px #000000; width:98%; height:100px; text-align:center; } #div1{ border:solid 1px #000000; width:18%; height:700px; float:left; } #div2{ width:80%; height:700px; float:left; } .oddrow{ margin-top:1px; } .oddrow td{ text-decoration:underline; background-color:#666666; color:#ccc; cursor:pointer; } .evenrow{ display:none; } .evenrow a{ margin-left:10px; margin-top:2px; } .evenrow td{ background-color:#eee; display:block; } 用表格实现简单网站左侧导航 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　JavaScript 设计模式之组合模式解析

怎么说呢？！就像是动物（组合对象）一样，当它生下后代（叶对象）时，它的后代就有了某种功能（比如：挖洞，听力好等等）；也像是一棵树，它有一个根（组合对象）然后是从这个棵树向外冒出的其他枝杆（组合对象）>>>详细阅读

本文标题：js+json用表格实现简单网站左侧导航

地址：http://www.17bianji.com/kaifa2/JS/26678.html

 1/2    1