简易tabs切换组件，兼容IE、FF、CHROME，支持click、mouseover等事件，无组件依赖

<mce:style><!--*{margin:0;padding:0;}div{border:1px solid #000;}li{border:1px solid #000; display:inline;}.pannel{height:200px;display:none;}.now{background:#ccc;}--></mce:style><style mce_bogus="1">*{margin:0;padding:0;}div{border:1px solid #000;}li{border:1px solid #000; display:inline;}.pannel{height:200px;display:none;}.now{background:#ccc;}</style><div id="tabs"><div class="nav"><ul><li>tabs1</li><li>tabs2</li><li>tabs3</li></ul></div><!--页卡1--><div class="pannel">pannel1</div><!--页卡2--><div class="pannel">pannel2</div><!--页卡3--><div class="pannel">pannel3</div></div><mce:script type="text/javascript"><!--var tabs = {div:document.getElementById("tabs").getElementsByTagName("div"),nav:[],pannel:[],init:function( now ){//结构拆分for ( var i = 0, len = tabs.div.length; i < len; i++){if( tabs.div[i].className === "pannel" ){tabs.pannel.push( tabs.div[i] );}else if ( tabs.div[i].className === "nav" ){tabs.nav = tabs.div[i].getElementsByTagName("li");//事件绑定 clicktabs.bind( tabs.div[i], "click", tabs.show );}}//默认显示now || (now = 0);tabs.nav[now].className = "now";tabs.pannel[now].style.display = "block";},//事件绑定,兼容IE,FFbind:function(obj,type,handle){if (window.addEventListener){obj.addEventListener(type, handle, false);}else if (window.attachEvent){obj.attachEvent("on"+type, handle);}else{obj["on" + type] = handle; }},//点击事件show:function( evt ){var obj = evt.srcElement || evt.target;if( obj && obj.tagName === "LI" ){for ( var i = 0 , len = tabs.nav.length; i < len; i++){if ( obj == tabs.nav[i] ){tabs.pannel[i].style.display="block";tabs.nav[i].className = "now";}else{tabs.nav[i].className = "";tabs.pannel[i].style.display="none";}}}}};tabs.init();// --></mce:script>