zoukankan      html  css  js  c++  java
  • js+json用表格实现简单网站左侧导航

    闲暇之余,制作一用表格实现的简单的网站导航条,分享给大家。这里的数据基于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); 
  • 相关阅读:
    Python多版本共存
    Windows下安装glumy过程
    安卓手机刷机
    动态规划学习
    Linux下载源
    背包问题扩展
    mongol学习
    云爬虫测试
    arc的安装
    Centos
  • 原文地址:https://www.cnblogs.com/cfinder010/p/3375345.html
Copyright © 2011-2022 走看看