js+json用表格实现简单网站左侧导航
2013-10-18 05:47
876 查看
闲暇之余,制作一用表格实现的简单的网站导航条,分享给大家。这里的数据基于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/"}]}
{sn:"脚本学堂",st:"http://www.jbxue.com/"}]}
];
var nav=new tableNav("table1",data,tf);
var bautoClose=false; //打开当前导航条时其它导航条是否关闭
nav.generateNav(bautoClose);
}
相关文章推荐
- js+json用表格实现简单网站左侧导航
- js+json用表格实现简单网站左侧导航
- 用表格实现简单网站左侧导航
- json对象与数组以及转换成js对象的简单实现方法
- C# 简单反射实现winform左侧树形导航,右侧切换内容
- JS+CSS实现简单的二级下拉导航菜单效果
- JS JSON对象转为字符串的简单实现方法
- JS实现带有抽屉效果的产品类网站多级导航菜单代码
- 网页设计,本页面内左侧菜单导航右侧显示内容简单实现方法
- js对象转json数组的简单实现案例
- js实现简单导航切换
- js实现的四级左侧网站分类菜单实例
- 使用简单的fragment实现左侧导航
- JS JSON对象转为字符串的简单实现方法
- json对象与数组以及转换成js对象的简单实现方法
- JS简单实现表格排序功能示例
- 简单实现js悬浮导航效果
- js解析json的html页面 实现简单js特效
- 夺命雷公狗ThinkPHP项目之----企业网站28之网站前台左侧导航的实现
- JS JSON对象转为字符串的简单实现方法