js實現簡單百度分頁和兩種tab樣式切換簡單實現

js實現簡單百度分頁和兩種tab樣式切換簡單實現

1、分頁/**分頁*/var size = data.count;   //總頁數var spage = (page - 1) < 1 ? 1 : (page - 1);var pagehtml = "<";var firstpage = "0.5";var endpage = 10;//當頁數過多時用來隱藏一部分for(var p = page;p>0;p--){firstpage = p/5+"";if(firstpage.indexOf(".") == -1){firstpage = p+"";endpage = firstpage + 10;break;}}if(firstpage.indexOf(".") != -1){firstpage = 1;endpage = 10;}if (endpage > size) {endpage = size;}for (var j = firstpage; j <= endpage; j++) {var cl = "";if (page == j) {cl = "now";}pagehtml += ""+ j + "";}pagehtml += "共" + size + "頁 轉到第頁";pagehtml += "跳轉";$("#pagehtml").html(pagehtml);function startBook(page){if(K17.isEmpty(page) || page == 0) //分頁跳轉使用page = $("#toPage").val();//封裝條件，封裝調用一個ajax請求函數}2.tab切換  兩種轉場樣式實現的tab轉場效果男生 女生 tab1 tab2 tab3 /***為當前tab新增樣式*/function startBook(obj,page,zone){$(".link1 a").removeClass("now");$(obj).addClass("now");var zone = $(".link1 .now").attr("id");alert(zone);}/***更換樣式*/function startBook1(obj,page,zone){$(".link2 a").removeClass("m").addClass("w");$(obj).removeClass("w").addClass("m");var zone = $(".link2 .m").attr("id");alert(zone);}

轉載指明：http://blog.csdn.net/yangkai_hudong