body {
font-family: Arial,"宋体";
font-size:9pt;
}
td { font-size:12px;;
}
.mousehand{
cursor:hand;
}
.titletable{
padding-left:5px;
background-color:#E9E9E9; }
table.TabBarLevel1{
}
table.TabBarLevel1 td{
border:1px solid #CCCCCC;
height:20px;
background-color:#E1E1E1;
}
table.TabBarLevel1 td.Selected{
border-bottom-width:0px;
background-color:#ffffff;
}
table.TabBarLevel1 td.Black{
border-left-width:0px;
border-top-width:0px;
border-right-width:0px;
background-color:#FFFFFF;
}
table.Content{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
热门图片
波希米亚
红色黑客
脚本之家
正在加载...
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]本人在它的基础上添加的内容控制的效果复制代码 代码如下:<script type="text/javascript"> function $(objName) { if(document.getElementById) { return document.getElementById(objName ); } else if(document.layers) { return eval("document.layers['" + objName +"']"); } else { return eval('document.all.' + objName); } } function switchTab(tabpage,tabid,action,type){ var oItem = $(tabpage); for(var i=1;i<6;i++){ var x = $(type + 'Tab' + i); //alert(x); x.className = "mousehand"; //var y = x.getElementsByTagName('a'); //y[0].style.color="#333333"; } $(tabid).className = "Selected"; //gethotimagelist(type+'_'+action); closeall(action); $(action).style.display="block"; } function closeall(action){ for(var ii=1; ii<5; ii++){ var noclose; noclose="div"+ii; if (noclose!=action){ $(noclose).style.display="none"; } } } </script>
推荐阅读
多浏览器兼容的右下角广告代码(已测)
查了N多的资料,现在终于解决了,MD,自已写了一个,代码很简单!在FIREFOX IE7 IE6中我测了,没有问题,我想有很多都也在找这样的代码,贴出来和大家分享吧!
复制代码 代码如下:<div style="position:absolute;>>>详细阅读
本文标题:js tab效果代码增强版
地址:http://www.17bianji.com/kaifa2/JS/29760.html
1/2 1