js实现简单百度分页和两种tab样式切换简单实现

页面导航:首页 > 网络编程 > JavaScript > js实现简单百度分页和两种tab样式切换简单实现

js实现简单百度分页和两种tab样式切换简单实现

来源: 作者: 时间:2016-02-05 11:06 【

1、分页 **分页* var size = data count; 总页数var spage = (page - 1)
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 += "";
}
pagehtml += "共" + size + "页 转到第页";
pagehtml += "";
$("#pagehtml").html(pagehtml);


function startBook(page){
	if(K17.isEmpty(page) || page == 0) //分页跳转使用
		page = $("#toPage").val();
//封装条件,封装调用一个ajax请求函数
}	


2.tab切换
  两种切换样式实现的tab切换效果
/** *为当前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

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<