时间:2021-05-26
调用很简单,只要将数据组织成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);
}
整个实例代码如下:供初学者学习!
simple struct #divtitle{ border:solid 1px #000000; width:98%; height:100px; text-align:center; } #div1{ border:solid 1px #000000; width:18%; height:700px; float:left; } #div2{ width:80%; height:700px; float:left; } .oddrow{ margin-top:1px; } .oddrow td{ text-decoration:underline; background-color:#666666; color:#ccc; cursor:pointer; } .evenrow{ display:none; } .evenrow a{ margin-left:10px; margin-top:2px; } .evenrow td{ background-color:#eee; display:block; }
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了js简单实现自动生成表格功能。分享给大家供大家参考,具体如下:JS实现自动生成表格由于自己的算法8太行,所以只能尽量用简单点的方法实现效果下面直接
先给大家展示下效果图:下面用简单方法实现的简单表格编辑功能:简单的HTML代码略过了,下面是js实现过程JavaScript:$(".tables").on("
【JS-实现导航栏悬停】【JS-实现导航栏悬停(续)】用Jquery重新写完这个页面之后,发现原来的方法还有是有几个问题:1.首先Js代码冗余,导航条上的Tab
本文实例讲述了js实现显示当前状态的导航效果代码。分享给大家供大家参考。具体如下:这里演示显示当前状态的导航,鼠标点击左侧的导航菜单,右侧的内容就会变换,实际上
使用简单的fragment实现左侧导航,供大家参考,具体内容如下先上效果图:MainActivity.javapublicclassMainActivityex