js+json 利用表格实现简单网站左侧导航的解决办法

内容摘要

这篇文章主要为大家详细介绍了js+json 利用表格实现简单网站左侧导航的简单示例，具有一定的参考价值，可以用来参考一下。

制作一用表格实现的简单的网站导航条，分享给大家。这

文章正文

这篇文章主要为大家详细介绍了js+json 利用表格实现简单网站左侧导航的简单示例，具有一定的参考价值，可以用来参考一下。

制作一用表格实现的简单的网站导航条，分享给大家。这里的数据基于json格式，学习json的朋友可以参考下。调用很简单，只要将数据组织成json格式即可：格式如下：经测试代码如下：

<code class="js">
/**
 * 基于json格式，用表格实现的简单的网站导航条
 *
 * @param 
 * @arrange （www.idcnote.com）
 **/
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/"}]} 
{sn:"学堂",st:"https://www.idcnote.com/"}]} 
]; 
var nav=new tableNav("table1",data,tf); 
var bautoClose=false; //打开当前导航条时其它导航条是否关闭 
nav.generateNav(bautoClose); 
} </code>

注：关于js+json 利用表格实现简单网站左侧导航的简单示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释

上一篇 php修改服务器文件的解决办法下一篇 php 读取xml文件的解决办法

作者：喵哥笔记

学的不仅是技术，更是梦想！