js json uses tables to implement simple website left navigation_json

The call is very simple, just organize the data into json format: The format is as follows:

Copy code The code is as follows:

window.onload = function()
{
var tf="if1";
var data=[{m:"Sports Website",s:[{sn:"Baidu Sports ",st:"http://news.baidu.com/n?cmd=1&class=sportnews"},
{sn:"Sohu Sports",st:"http://sports.sohu.com/" },
{sn:"Sina Sports",st:"http://sports.sina.com.cn/"}]},
{m:"News Website",s:[{sn: "Baidu",st:"http://news.baidu.com/"},
{sn:"Sohu",st:"http://news.sohu.com/"},
{ sn:"Sina",st:"http://news.sina.com.cn/"}]},
{m:"Video website",s:[{sn:"Baidu Video",st: "http://vedio.baidu.com/"},
{sn:"Sohu Video",st:"http://tv.sohu.com/"},
{sn:"Sina Video ",st:"http://vedio.sina.com.cn/"}]}
];
var nav=new tableNav("table1",data,tf);
var bautoClose= false; //Whether other navigation bars are closed when the current navigation bar is opened
nav.generateNav(bautoClose);
}

The entire example code is as follows: for beginners to learn!

<title>simple struct</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> #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; } <!--</style>