日期:2014-05-16 浏览次数:20381 次
<script type="text/javascript">一个简单标签切换的效果
function tab(){
var a_arr=document.getElementById("tabLi").getElementsByTagName("a");
var a_sum=a_arr.length;
for(var i=0; i<a_sum; i++){
var a=i+1;
a_arr[i].index=a;
eventListener(a_arr[i]);
}
function eventListener(obj){
if(obj.attachEvent){
obj.attachEvent("onclick",liClick)
}
else if(obj.addEventListener){
obj.addEventListener("click",liClick,false)
}
else{
return ;
}
}
function liClick(){
for(var i=0; i<a_sum; i++){
a_arr[i].className="";
document.getElementById("tab"+a_arr[i].index).className=document.getElementById("tab"+a_arr[i].index).className.toString().replace(/show/g,"");
}
this.className="now";
document.getElementById("tab"+this.index).className+=" show";
console.log(document.getElementById("tab"+this.index).className);
};
}
tab();
</script>
function eventListener(obj,cb){
if(obj.attachEvent){
obj.attachEvent("onclick",function(){
cb instanceof Function && cb.call(obj,window.event);
});
}
else if(obj.addEventListener){
obj.addEventListener("click",function(event){
cb instanceof Function && cb.call(obj,event);
},false);
}
else{
return ;
}
}