javascript css tab 切换菜单效果

<script type="text/javascript" language="jscript"> function tab(o, s, cb, ev){//tab切换类 var $ = function(o){return document.getElementById(o)}; var css = o.split((s||'_')); if(css.length!=4)return; this.event = ev || 'onmouseover'; o = $(o); if(o){ this.ITEM = []; o.id = css[0]; var item = o.getElementsByTagName(css[1]); var j=1; for(var i=0;i<item.length;i ){ if(item[i].className.indexOf(css[2])>=0 || item[i].className.indexOf(css[3])>=0){ if(item[i].className == css[2])o['cur'] = item[i]; item[i].callBack = cb||function(){}; item[i]['css'] = css; item[i]['link'] = o; this.ITEM[j] = item[i]; item[i]['Index'] = j ; item[i][this.event] = this.ACTIVE; } } return o; } } tab.prototype = { ACTIVE:function(){ var $ = function(o){return document.getElementById(o)}; this['link']['cur'].className = this['css'][3]; this.className = this['css'][2]; try{ $(this['link']['id'] '_' this['link']['cur']['Index']).style.display = 'none'; $(this['link']['id'] '_' this['Index']).style.display = 'block'; }catch(e){} this.callBack.call(this); this['link']['cur'] = this; } } new tab('tabCot_product-li-currentBtn-', '-'); </script>