首页  >  文章  >  web前端  >  js tab效果代码增强版_javascript技巧

js tab效果代码增强版_javascript技巧

WBOY
WBOY原创
2016-05-16 19:05:02882浏览

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本人在它的基础上添加的内容控制的效果
复制代码 代码如下:

<script> <BR>function $(objName) <BR>{ <br><br> if(document.getElementById) <BR> { <BR> return document.getElementById(objName ); <BR> } <BR> else if(document.layers) <BR> { <BR> return eval("document.layers['" + objName +"']"); <BR> } <BR> else <BR> { <BR> return eval('document.all.' + objName); <BR> } <BR>} <BR>function switchTab(tabpage,tabid,action,type){ <BR> var oItem = $(tabpage); <BR> for(var i=1;i<6;i++){ <BR> var x = $(type + 'Tab' + i); <BR> //alert(x); <BR> x.className = "mousehand"; <BR> //var y = x.getElementsByTagName('a'); <BR> //y[0].style.color="#333333"; <BR> } <BR> $(tabid).className = "Selected"; <BR> //gethotimagelist(type+'_'+action); <BR> closeall(action); <BR> $(action).style.display="block"; <BR>} <BR>function closeall(action){ <BR>for(var ii=1; ii<5; ii++){ <BR>var noclose; <BR>noclose="div"+ii; <BR>if (noclose!=action){ <BR>$(noclose).style.display="none"; <BR>} <BR>} <BR>} <BR></script>
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn