js json はテーブルを使用して単純な Web サイトを実装します left Navigation_json

呼び出しは非常に簡単で、データを 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:"Sina",st:"http://news.sina.com.cn/"}]},
{m:"動画ウェブサイト",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; //現在のナビゲーション バーが開いているときに他のナビゲーション バーが閉じるかどうか
nav.generateNav(bautoClose);


サンプル コード全体は次のとおりです: 初心者向けに学習します!

単純な構造体 <title> </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>