DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JSON基礎 >> js+json用表格實現簡單網站左側導航
js+json用表格實現簡單網站左側導航
編輯: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:"新浪",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);
}

整個實例代碼如下:供初學者學習!

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved