JQuery翻頁效果代碼

2024-09-05 12:18:16

字體：大中小

供稿：網(wǎng)友

基于jQuery的翻頁特效代碼，可以智能判斷頁碼的范圍，支持當(dāng)前頁延伸輔助，看著還不錯，希望大家也喜歡。

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>JQuery翻頁</title><style>@charset "utf-8";* {margin:0px;padding:0px;border:0px;list-style-type:none;font-size:12px;font-family:arial, "Microsoft Yahei", "宋體";}.pages {text-align:center;width:100%;margin:20px auto;padding-top:20px;height:26px;overflow:hidden;}.pages a {padding:5px;border:1px solid #CCC;margin:0px 5px;text-decoration:none;color:#333;}.pages a:hover {border:1px solid #FC0;color:#F60;}.pages .this {border:1px solid #FC0;color:#F60;}</style><script src="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js" type="text/javascript"></script><script type="text/javascript">pageShow(1,5800);function pageShow(ThisPage,PageCount) {	//ThisPage = 當(dāng)前頁	//PageCount = 總條數(shù)	//獲取當(dāng)前頁之后，可通過Ajax進行返值。	$(function() {		//每頁條數(shù)		var pageText = 13;				//分頁總數(shù)		var pageNumber = Math.ceil(PageCount / pageText);				//page分割數(shù)量		var pageFor = 10;		var pageSlipt = pageFor / 2;				var pageHTML = new Array;		if (pageNumber > pageFor) {			if (ThisPage > pageFor) {				pageHTML += "第一頁(1)";			}			if (ThisPage > (pageFor / 2)) {				if (ThisPage >= (pageNumber - pageSlipt)) {					countPage = (((ThisPage - pageSlipt) + pageFor) - pageSlipt + 1);				}else{					countPage = ((ThisPage - pageSlipt) + pageFor);				}				for (i=(ThisPage - pageSlipt);i<countPage;i++) {					if (i == ThisPage) {						pageHTML += "" +i+ "";					}else{						pageHTML += "" +i+ "";					}				}			}else{				for (i=1;i<pageFor;i++) {					if (i == ThisPage) {						pageHTML += "" +i+ "";					}else{						pageHTML += "" +i+ "";					}				}			}			if ((ThisPage + pageFor) < pageNumber) {				pageHTML += "最后一頁("+pageNumber+")";			}			$(".pages").html(pageHTML);		}	});}</script></head><body><div   id="iwvjtn8m0"   class="pages"></div></body></html>

上一篇：超酷的HTML 3D動態(tài)效果代碼

下一篇：屏蔽alert，JavaScript技巧