天天看點

tab 切換函數

$(document).ready(function(){

    //标記目前函數

    function cur(ele,currentClass,tag){

        ele= $(ele)? $(ele):ele;

        if(!tag){

            ele.addClass(currentClass).siblings().removeClass(currentClass);

            }else{

                ele.addClass(currentClass).siblings(tag).removeClass(currentClass);

                }

        }

    //Navgation Switch 用法執行個體:

    $("#nav").find("li").mouseover(function(){cur(this,"cur")})

    //Offcial News Switch 用法執行個體:

    $("#ofcnews").find("div").click(function(){cur(this,"cur")})

    //頁籤函數

    function tab(id_tab,tag_tab,id_con,tag_con,act){

    $(id_tab).find(tag_tab).each(function(i){

    $(id_tab).find(tag_tab).eq(i).bind(act,function(){

            cur(this,"cur");

            $(id_con).find(tag_con).eq(i).show().siblings(tag_con).hide();

            }        

        )                                      

    })    

    }

    /*Ranking Switch 用法執行個體*/

    tab("#ranktab","li","#rankcon","div","click");

    /*BBS Switch 用法執行個體*/

    tab("#bbstab","li","#bbscon","div","click");    

    })

繼續閱讀