tbnk.net
当前位置:首页 >> js tAB >>

js tAB

设置每个Tab 的点击事件 $(".select-type").click(function(){ $("div[data-select-type]").css("visibility","hidden");//先把所有的Tab隐藏 $(this).css("visibility","visible");//显示当前的tab });

设置每个Tab 的点击事件 $(".select-type").click(function(){ $("div[data-select-type]").css("visibility","hidden");//先把所有的Tab隐藏 $(this).css("visibility","visible");//显示当前的tab });

$("ul.linkTitle li").hover(function(){ var _index=$(this).index();//获取当前li的序列号 $("div.box >ul").eq(_index).show().siblings().hide();//与li序列相同的ul显示,其他的ul隐藏 });

recursionul {margin: 0;padding: 0;}.tab-title {width: 100%;float: left;margin-bottom: 3px;}.tab-title li {border: 1px #ccc solid;padding: 3px;list-style-type: none;float: left;margin-right: 3px;}.tab-title li.current {border: 1...

JS* {padding-bottom: 0px;list-style-type: none;margin: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}.tabs {border-bottom: black 0px solid;border-left: black 1px solid;margin: 0px auto;width: 852px;height: auto;ove...

function tabSwitch2(_this,content_prefix,active) { var tabs = document.getElementsByName(_this.name); var number = tabs.length; for (var i=0; i < number; i++) { var tab = tabs[i]; tab.className = "";tab.parentNode.className = '...

可以用tab的插件,有好多,你自己选择一下用吧。http://www.cnblogs.com/lhb25/archive/2012/11/26/10-useful-jquery-tab-plugins.html

设置一个全局变量。var showType = "数据图"; 当点击数据表时, showType = "数据表"; 点击数据图时 showType = "数据图"。 展示Tab中的数据时,判断showType的值,按照对应的值展示。

实现tab效果类似浏览器多窗口多标签的效果最好使用插件,网络上搜索jquery tabs,免费的轻量级的很多。

楼主 你的代码不全 我给你重新写一个吧 tab页切换 function switchTab(ProTag, ProBox) { for (i = 1; i < 5; i++) { if ("tab" + i == ProTag) { document.getElementById(ProTag).getElementsByTagName("a")[0].className = "on"; } else { do...

网站首页 | 网站地图
All rights reserved Powered by www.tbnk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com