ホームページ >ウェブフロントエンド >jsチュートリアル >js json はテーブルを使用して単純な Web サイトを実装します left Navigation_json
js json はテーブルを使用して単純な Web サイトを実装します left Navigation_json
- WBOYオリジナル
- 2016-05-16 18:30:251408ブラウズ
呼び出しは非常に簡単で、データを 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);
サンプル コード全体は次のとおりです: 初心者向けに学習します!
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。