當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

分页标签

發布時間：2024/1/17 编程问答 22 豆豆

生活随笔收集整理的這篇文章主要介紹了分页标签小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

JSTL(JSP Standard Tag Library，JSP標準標簽庫):

常用的標簽比如:

1、forEach標簽

<c:forEach var="i" begin="1" end="10" step ="2"> ?

????<c:set var="sum" value="${sum + i}" /> ?

</c:forEach> ?

2、choose標簽

<c:choose> ?

????<c:when test="${score > 100 || score < 0}">錯誤的分數：${score }</c:when> ?

????<c:when test="${score >= 90 }">A級</c:when> ?

????<c:when test="${score >= 80 }">B級</c:when> ?

????<c:when test="${score >= 70 }">C級</c:when> ?

????<c:when test="${score >= 60 }">D級</c:when> ?

????<c:otherwise>E級</c:otherwise> ?

</c:choose> ?

3、if標簽

<c:set var="a" value="hello"/> ?

<c:if test="${not empty a }"> ?

????<c:out value="${a }"/> ?

</c:if> ?

實現分頁標簽

1.1、標簽處理類(畫分頁標簽) ?

?該類可以繼承TagSupport?實現doStartTag和doEndTag方法

package?org.crdit.PagerTag;

import?java.io.IOException;

import?javax.servlet.jsp.JspException;

import?javax.servlet.jsp.JspWriter;

import?javax.servlet.jsp.tagext.TagSupport;

/**

?* @author?crd

?* 創建標簽處理類

?*/

public?class?Pager?extends?TagSupport {

private?int?pageIndex; //當前頁碼

private?int?pageSize; //每一頁顯示的記錄數

private?int?totalNum; //總記錄數

private?String submitUrl; //提交地址

private?String pageStyle="";//樣式

public?int?getPageIndex() {

return?pageIndex;

}

public?void?setPageIndex(int?pageIndex) {

if(pageIndex==0){

pageIndex?= 1;

}

this.pageIndex?= pageIndex;

}

public?int?getPageSize() {

return?pageSize;

}

public?void?setPageSize(int?pageSize) {

this.pageSize?= pageSize;

}

public?int?getTotalNum() {

return?totalNum;

}

public?void?setTotalNum(int?totalNum) {

this.totalNum?= totalNum;

}

public?String getSubmitUrl() {

return?submitUrl;

}

public?void?setSubmitUrl(String submitUrl) {

this.submitUrl?= submitUrl;

}

public?String getPageStyle() {

return?pageStyle;

}

public?void?setPageStyle(String pageStyle) {

this.pageStyle?= pageStyle;

}

@Override

public?int?doStartTag() throws?JspException {

try?{

JspWriter jspWriter= this.pageContext.getOut();

//創建StringBuffer實例，用于拼裝頁碼相關信息

StringBuffer sbf=new?StringBuffer();

String jumpUrl;

//判斷總記錄數是否大于0

if(totalNum>0){

//計算總共的頁數

int?totalPageNum=this.totalNum%this.pageSize==0?this.totalNum/this.pageSize:this.totalNum/this.pageSize+1;

StringBuffer pager=new?StringBuffer();

//如果當前在第一頁

if(pageIndex==1){

pager.append("<span class='disabled'>上一頁</span>");

//計算中間頁碼

calcMiddle(pager,totalPageNum);

//如果總共就一頁，那么下一頁也不能點擊

if(totalPageNum==1){

pager.append("<span class='disabled'>下一頁</span>");

}else{

jumpUrl=this.submitUrl.replace("{0}", String.valueOf(this.pageIndex+1));

//可以點擊下一頁

pager.append("<a href='"+jumpUrl+"'>下一頁</a>");

}

//如果當前頁碼是尾頁

}else?if(this.pageIndex==totalPageNum){

jumpUrl=this.submitUrl.replace("{0}", String.valueOf(this.pageIndex-1));

//可以點擊下一頁

pager.append("<a href='"+jumpUrl+"'>上一頁</a>");

//計算中間頁碼

calcMiddle(pager,totalPageNum);

pager.append("<span class='disabled'>下一頁</span>");

//當前頁碼既不是首頁也不是尾頁

}else{

jumpUrl=this.submitUrl.replace("{0}", String.valueOf(this.pageIndex-1));

//可以點擊下一頁

pager.append("<a href='"+jumpUrl+"'>上一頁</a>");

//計算中間頁碼

calcMiddle(pager,totalPageNum);

jumpUrl=this.submitUrl.replace("{0}", String.valueOf(this.pageIndex+1));

//可以點擊下一頁

pager.append("<a href='"+jumpUrl+"'>下一頁</a>");

}

sbf.append("<table align='center' class='"+pageStyle+"' style='width:100%;font-size:14px'> <tr><td>"+pager.toString()+"</td></tr>");

//定義開始記錄號，每頁顯示10條

int?startSize=(this.pageIndex-1)*this.pageSize+1;

//定義結束記錄號

int?endSize=this.pageIndex==totalPageNum?totalNum:this.pageIndex*this.pageSize;

sbf.append("<tr><td>總共<font color='red'>"+totalNum+"</font>條記錄，當前顯示"+startSize+"-"+endSize+"條記錄</td></tr></table>");

}else{

sbf.append("<table align='center' class='"+pageStyle+"' style='width:100%;font-size:14px'><tr><td>總共<font color='red'>0</font>條記錄，當前顯示0-0條記錄</td></tr></table>");

}

jspWriter.write(sbf.toString());

} catch?(IOException e) {

e.printStackTrace();

}

return?super.doStartTag();

}

/**

?* 計算中間頁碼

?* @param?pager

?* @param?totalPageNum 總頁碼數

?*/

public?void?calcMiddle(StringBuffer pager,int?totalPageNum) {

String jumpUrl="";

//如果總頁碼數小于等于10 ?1 2 3 4 5 6 7 8 9 10

if(totalPageNum<=10){

for?(int?i?= 1; i?< totalPageNum; i++) {

//如果i等于當前頁碼，則不能點

if(i==this.pageIndex){

pager.append("<span class='current'>"+i+"</span>");

}else{

jumpUrl=this.submitUrl.replace("{0}",String.valueOf(i));

pager.append("<a href='"+jumpUrl+"'>"+i+"</a>");

}

}else{

//如果當前頁碼靠近首頁 ?1 2 3 4 5 6 7 8 9 ... 100

if(pageIndex<=8){

for?(int?i?= 1; i?<=9; i++) {

//如果i等于當前頁碼，則不能點

if(i==this.pageIndex){

pager.append("<span class='current'>"+i+"</span>");

}else{

jumpUrl=this.submitUrl.replace("{0}",String.valueOf(i));

pager.append("<a href='"+jumpUrl+"'>"+i+"</a>");

}

pager.append("...");

//拼裝尾頁

jumpUrl=this.submitUrl.replace("{0}",String.valueOf(totalPageNum));

pager.append("<a href='"+jumpUrl+"'>"+totalPageNum+"</a>");

//當前頁碼靠近尾頁

}else?if(pageIndex+8>=totalPageNum){

//拼裝首頁

jumpUrl=this.submitUrl.replace("{0}",String.valueOf(1));

pager.append("<a href='"+jumpUrl+"'>"+1+"</a>");

pager.append("...");

for?(int?i?= totalPageNum-9; i?<=totalPageNum; i++) {

//如果i等于當前頁碼，則不能點

if(i==this.pageIndex){

pager.append("<span class='current'>"+i+"</span>");

}else{

jumpUrl=this.submitUrl.replace("{0}",String.valueOf(i));

pager.append("<a href='"+jumpUrl+"'>"+i+"</a>");

}

//當前頁碼靠中間

}else{

//拼裝首頁

jumpUrl=this.submitUrl.replace("{0}",String.valueOf(1));

pager.append("<a href='"+jumpUrl+"'>"+1+"</a>");

pager.append("...");

for?(int?i?= this.pageIndex-4; i?<=this.pageIndex+4; i++) {

//如果i等于當前頁碼，則不能點

if(i==this.pageIndex){

pager.append("<span class='current'>"+i+"</span>");

}else{

jumpUrl=this.submitUrl.replace("{0}",String.valueOf(i));

pager.append("<a href='"+jumpUrl+"'>"+i+"</a>");

}

pager.append("...");

//拼裝尾頁

jumpUrl=this.submitUrl.replace("{0}",String.valueOf(totalPageNum));

pager.append("<a href='"+jumpUrl+"'>"+totalPageNum+"</a>");

}

1.2、需要tld文件（描述標簽信息）

該文件必須放在WEB-INF下：

??????tld文件的作用:將標簽處理類和頁面中的分頁標簽銜接在一塊,在Tomcat服務器下可以找到tld文件

<?xml?version="1.0"?encoding="UTF-8"?>

<!DOCTYPE?taglib?PUBLIC?"-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.1//EN"?"http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd">

<shortname>checkLogon</shortname>

<uri>myPager-tag</uri>

<info>

我的分頁標簽，總共24種

</info>

<tag>

?

????<name>pager</name>

????

????<tagclass>org.crdit.PagerTag.Pager</tagclass>

????

????<attribute>

?????? <name>pageIndex</name>

??????

?????? <required>false</required>

??????

?????? <rtexprvalue>true</rtexprvalue>

????</attribute>

????<attribute>

?????? <name>pageSize</name>

?????? <required>false</required>

?????? <rtexprvalue>true</rtexprvalue>

????</attribute>

????<attribute>

?????? <name>totalNum</name>

?????? <required>false</required>

?????? <rtexprvalue>true</rtexprvalue>

????</attribute>

????<attribute>

?????? <name>submitUrl</name>

?????? <required>false</required>

?????? <rtexprvalue>true</rtexprvalue>

????</attribute>

????<attribute>

?????? <name>pageStyle</name>

?????? <required>false</required>

?????? <rtexprvalue>true</rtexprvalue>

????</attribute>

</tag>

</taglib>

1.3、頁面中引入分頁標簽（需要做分頁的頁面才引入分頁標簽）

<%@?page?language="java"?contentType="text/html; charset=utf-8"

????pageEncoding="utf-8"%>

<%@?taglib?prefix="crd"?uri="myPager-tag"%>

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD HTML 4.01 Transitional//EN"?"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

</head>

<body>

<!--

pageIndex:當前頁碼

pageSize：每一頁顯示的記錄數

totalNum:總記錄數

pageStyle:樣式

submitUrl：提交地址

?-->

<crd:pager?pageIndex="${pageIndex}"?pageSize="10"?totalNum="999"?pageStyle="meneame"?submitUrl="list.action?pageIndex={0}"></crd:pager>

</body>

</html>

ListServlet

package?org.crdit.PagerTag;

import?java.io.IOException;

import?javax.servlet.ServletException;

import?javax.servlet.annotation.WebServlet;

import?javax.servlet.http.HttpServlet;

import?javax.servlet.http.HttpServletRequest;

import?javax.servlet.http.HttpServletResponse;

/**

?* Servlet?implementation class ListServlet

?*/

@WebServlet("/list.action")

public?class?ListServlet extends?HttpServlet {

private?static?final?long?serialVersionUID?= 1L;

???????

????/**

?????* @see?HttpServlet#HttpServlet()

?????*/

????public?ListServlet() {

????????super();

????????// TODO?Auto-generated constructor stub

????}

/**

?* @see?HttpServlet#service(HttpServletRequest request, HttpServletResponse response)

?*/

protected?void?service(HttpServletRequest request, HttpServletResponse response) throws?ServletException, IOException {

// TODO?Auto-generated method stub

//獲取頁碼

String pageIndex=request.getParameter("pageIndex");

if(pageIndex==null?|| pageIndex.equals(" ")){

pageIndex="1";

}

request.setAttribute("pageIndex", pageIndex);

//跳轉到列表頁面

request.getRequestDispatcher("/pager.jsp").forward(request, response);

}

附：

Pager.css

.digg?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.digg?A?{

BORDER-RIGHT:?#aaaadd?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#aaaadd?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#aaaadd?1px?solid; COLOR:?#000099; PADDING-TOP:?2px; BORDER-BOTTOM:?#aaaadd?1px?solid; TEXT-DECORATION:?none

}

.digg?A:hover?{

BORDER-RIGHT:?#000099?1px?solid; BORDER-TOP:?#000099?1px?solid; BORDER-LEFT:?#000099?1px?solid; COLOR:?#000; BORDER-BOTTOM:?#000099?1px?solid

}

.digg?A:active?{

BORDER-RIGHT:?#000099?1px?solid; BORDER-TOP:?#000099?1px?solid; BORDER-LEFT:?#000099?1px?solid; COLOR:?#000; BORDER-BOTTOM:?#000099?1px?solid

}

.digg?SPAN.current?{

BORDER-RIGHT:?#000099?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#000099?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#000099?1px?solid; COLOR:?#fff; PADDING-TOP:?2px; BORDER-BOTTOM:?#000099?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.digg?SPAN.disabled?{

BORDER-RIGHT:?#eee?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#eee?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#eee?1px?solid; COLOR:?#ddd; PADDING-TOP:?2px; BORDER-BOTTOM:?#eee?1px?solid

}

/*CSS yahoo?style pagination*/

.yahoo?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.yahoo?A?{

BORDER-RIGHT:?#fff?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#fff?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#fff?1px?solid; COLOR:?#000099; PADDING-TOP:?2px; BORDER-BOTTOM:?#fff?1px?solid; TEXT-DECORATION:?underline

}

.yahoo?A:hover?{

BORDER-RIGHT:?#000099?1px?solid; BORDER-TOP:?#000099?1px?solid; BORDER-LEFT:?#000099?1px?solid; COLOR:?#000; BORDER-BOTTOM:?#000099?1px?solid

}

.yahoo?A:active?{

BORDER-RIGHT:?#000099?1px?solid; BORDER-TOP:?#000099?1px?solid; BORDER-LEFT:?#000099?1px?solid; COLOR:?#f00; BORDER-BOTTOM:?#000099?1px?solid

}

.yahoo?SPAN.current?{

BORDER-RIGHT:?#fff?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#fff?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#fff?1px?solid; COLOR:?#000; PADDING-TOP:?2px; BORDER-BOTTOM:?#fff?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.yahoo?SPAN.disabled?{

}

/*CSS meneame?style pagination*/

.meneame?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; FONT-SIZE:?80%; PADDING-BOTTOM:?3px; MARGIN:?3px; COLOR:?#ff6500; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.meneame?A?{

BORDER-RIGHT:?#ff9600?1px?solid; PADDING-RIGHT:?7px; BACKGROUND-POSITION:?50%?bottom; BORDER-TOP:?#ff9600?1px?solid; PADDING-LEFT:?7px; BACKGROUND-IMAGE:?url(meneame.jpg); PADDING-BOTTOM:?5px; BORDER-LEFT:?#ff9600?1px?solid; COLOR:?#ff6500; MARGIN-RIGHT:?3px; PADDING-TOP:?5px; BORDER-BOTTOM:?#ff9600?1px?solid; TEXT-DECORATION:?none

}

.meneame?A:hover?{

BORDER-RIGHT:?#ff9600?1px?solid; BORDER-TOP:?#ff9600?1px?solid; BACKGROUND-IMAGE:?none; BORDER-LEFT:?#ff9600?1px?solid; COLOR:?#ff6500; BORDER-BOTTOM:?#ff9600?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.meneame?A:active?{

.meneame?SPAN.current?{

BORDER-RIGHT:?#ff6500?1px?solid; PADDING-RIGHT:?7px; BORDER-TOP:?#ff6500?1px?solid; PADDING-LEFT:?7px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?5px; BORDER-LEFT:?#ff6500?1px?solid; COLOR:?#ff6500; MARGIN-RIGHT:?3px; PADDING-TOP:?5px; BORDER-BOTTOM:?#ff6500?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.meneame?SPAN.disabled?{

BORDER-RIGHT:?#ffe3c6?1px?solid; PADDING-RIGHT:?7px; BORDER-TOP:?#ffe3c6?1px?solid; PADDING-LEFT:?7px; PADDING-BOTTOM:?5px; BORDER-LEFT:?#ffe3c6?1px?solid; COLOR:?#ffe3c6; MARGIN-RIGHT:?3px; PADDING-TOP:?5px; BORDER-BOTTOM:?#ffe3c6?1px?solid

}

/*CSS flickr?style pagination*/

.flickr?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.flickr?A?{

BORDER-RIGHT:?#dedfde?1px?solid; PADDING-RIGHT:?6px; BACKGROUND-POSITION:?50%?bottom; BORDER-TOP:?#dedfde?1px?solid; PADDING-LEFT:?6px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#dedfde?1px?solid; COLOR:?#0061de; MARGIN-RIGHT:?3px; PADDING-TOP:?2px; BORDER-BOTTOM:?#dedfde?1px?solid; TEXT-DECORATION:?none

}

.flickr?A:hover?{

BORDER-RIGHT:?#000?1px?solid; BORDER-TOP:?#000?1px?solid; BACKGROUND-IMAGE:?none; BORDER-LEFT:?#000?1px?solid; COLOR:?#fff; BORDER-BOTTOM:?#000?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.meneame?A:active?{

.flickr?SPAN.current?{

PADDING-RIGHT:?6px; PADDING-LEFT:?6px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; COLOR:?#ff0084; MARGIN-RIGHT:?3px; PADDING-TOP:?2px

}

.flickr?SPAN.disabled?{

PADDING-RIGHT:?6px; PADDING-LEFT:?6px; PADDING-BOTTOM:?2px; COLOR:?#adaaad; MARGIN-RIGHT:?3px; PADDING-TOP:?2px

}

/*CSS sabrosus?style pagination*/

.sabrosus?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.sabrosus?A?{

BORDER-RIGHT:?#9aafe5?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#9aafe5?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#9aafe5?1px?solid; COLOR:?#2e6ab1; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#9aafe5?1px?solid; TEXT-DECORATION:?none

}

.sabrosus?A:hover?{

BORDER-RIGHT:?#2b66a5?1px?solid; BORDER-TOP:?#2b66a5?1px?solid; BORDER-LEFT:?#2b66a5?1px?solid; COLOR:?#000; BORDER-BOTTOM:?#2b66a5?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.pagination?A:active?{

BORDER-RIGHT:?#2b66a5?1px?solid; BORDER-TOP:?#2b66a5?1px?solid; BORDER-LEFT:?#2b66a5?1px?solid; COLOR:?#000; BORDER-BOTTOM:?#2b66a5?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.sabrosus?SPAN.current?{

BORDER-RIGHT:?navy?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?navy?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; BORDER-LEFT:?navy?1px?solid; COLOR:?#fff; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?navy?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.sabrosus?SPAN.disabled?{

BORDER-RIGHT:?#929292?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#929292?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#929292?1px?solid; COLOR:?#929292; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#929292?1px?solid

}

/*CSS scott?style pagination*/

.scott?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.scott?A?{

BORDER-RIGHT:?#ddd?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#ddd?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#ddd?1px?solid; COLOR:?#88af3f; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#ddd?1px?solid; TEXT-DECORATION:?none

}

.scott?A:hover?{

BORDER-RIGHT:?#85bd1e?1px?solid; BORDER-TOP:?#85bd1e?1px?solid; BORDER-LEFT:?#85bd1e?1px?solid; COLOR:?#638425; BORDER-BOTTOM:?#85bd1e?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.scott?A:active?{

BORDER-RIGHT:?#85bd1e?1px?solid; BORDER-TOP:?#85bd1e?1px?solid; BORDER-LEFT:?#85bd1e?1px?solid; COLOR:?#638425; BORDER-BOTTOM:?#85bd1e?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.scott?SPAN.current?{

BORDER-RIGHT:?#b2e05d?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#b2e05d?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; BORDER-LEFT:?#b2e05d?1px?solid; COLOR:?#fff; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#b2e05d?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.scott?SPAN.disabled?{

BORDER-RIGHT:?#f3f3f3?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#f3f3f3?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#f3f3f3?1px?solid; COLOR:?#ccc; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#f3f3f3?1px?solid

}

/*CSS quotes style pagination*/

.quotes?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.quotes?A?{

BORDER-RIGHT:?#ddd?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#ddd?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#ddd?1px?solid; COLOR:?#aaa; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#ddd?1px?solid; TEXT-DECORATION:?none

}

.quotes?A:hover?{

BORDER-RIGHT:?#a0a0a0?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#a0a0a0?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#a0a0a0?1px?solid; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#a0a0a0?1px?solid

}

.quotes?A:active?{

}

.quotes?SPAN.current?{

BORDER-RIGHT:?#e0e0e0?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#e0e0e0?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; BORDER-LEFT:?#e0e0e0?1px?solid; COLOR:?#aaa; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#e0e0e0?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.quotes?SPAN.disabled?{

}

/*CSS black style pagination*/

.black?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; FONT-SIZE:?80%; PADDING-BOTTOM:?10px; MARGIN:?3px; COLOR:?#a0a0a0; PADDING-TOP:?10px; TEXT-ALIGN:?center

}

.black?A?{

BORDER-RIGHT:?#909090?1px?solid; PADDING-RIGHT:?5px; BACKGROUND-POSITION:?50%?bottom; BORDER-TOP:?#909090?1px?solid; PADDING-LEFT:?5px; BACKGROUND-IMAGE:?url(bar.gif); PADDING-BOTTOM:?2px; BORDER-LEFT:?#909090?1px?solid; COLOR:?#c0c0c0; MARGIN-RIGHT:?3px; PADDING-TOP:?2px; BORDER-BOTTOM:?#909090?1px?solid; TEXT-DECORATION:?none

}

.black?A:hover?{

BORDER-RIGHT:?#f0f0f0?1px?solid; BORDER-TOP:?#f0f0f0?1px?solid; BACKGROUND-IMAGE:?url(invbar.gif); BORDER-LEFT:?#f0f0f0?1px?solid; COLOR:?#ffffff; BORDER-BOTTOM:?#f0f0f0?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.black?A:active?{

.black?SPAN.current?{

BORDER-RIGHT:?#ffffff?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#ffffff?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; BORDER-LEFT:?#ffffff?1px?solid; COLOR:?#ffffff; MARGIN-RIGHT:?3px; PADDING-TOP:?2px; BORDER-BOTTOM:?#ffffff?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.black?SPAN.disabled?{

BORDER-RIGHT:?#606060?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#606060?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#606060?1px?solid; COLOR:?#808080; MARGIN-RIGHT:?3px; PADDING-TOP:?2px; BORDER-BOTTOM:?#606060?1px?solid

}

/*CSS black2 style pagination*/

.black2?{

PADDING-RIGHT:?7px; PADDING-LEFT:?7px; PADDING-BOTTOM:?7px; MARGIN:?3px; PADDING-TOP:?7px; TEXT-ALIGN:?center

}

.black2?A?{

BORDER-RIGHT:?#000000?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#000000?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#000000?1px?solid; COLOR:?#000000; PADDING-TOP:?2px; BORDER-BOTTOM:?#000000?1px?solid; TEXT-DECORATION:?none

}

.black2?A:hover?{

BORDER-RIGHT:?#000000?1px?solid; BORDER-TOP:?#000000?1px?solid; BORDER-LEFT:?#000000?1px?solid; COLOR:?#fff; BORDER-BOTTOM:?#000000?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.black2?A:active?{

BORDER-RIGHT:?#000000?1px?solid; BORDER-TOP:?#000000?1px?solid; BORDER-LEFT:?#000000?1px?solid; COLOR:?#fff; BORDER-BOTTOM:?#000000?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.black2?SPAN.current?{

BORDER-RIGHT:?#000000?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#000000?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#000000?1px?solid; COLOR:?#fff; PADDING-TOP:?2px; BORDER-BOTTOM:?#000000?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.black2?SPAN.disabled?{

}

/*CSS black-red style pagination*/

.black-red?{

FONT-SIZE:?11px; COLOR:?#fff; FONT-FAMILY:?Tahoma,?Arial,?Helvetica,?Sans-serif; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.black-red?A?{

PADDING-RIGHT:?5px; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; COLOR:?#fff; PADDING-TOP:?2px; TEXT-DECORATION:?none

}

.black-red?A:hover?{

COLOR:?#fff; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.black-red?A:active?{

COLOR:?#fff; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.black-red?SPAN.current?{

PADDING-RIGHT:?5px; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; MARGIN:?2px; COLOR:?#fff; PADDING-TOP:?2px; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.black-red?SPAN.disabled?{

PADDING-RIGHT:?5px; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; COLOR:?#868686; PADDING-TOP:?2px; mso-para-margin-bottom:0.0000gd;text-align:left;">}

/*CSS grayr?style pagination*/

.grayr?{

PADDING-RIGHT:?2px; PADDING-LEFT:?2px; FONT-SIZE:?11px; PADDING-BOTTOM:?2px; PADDING-TOP:?2px; FONT-FAMILY:?Tahoma,?Arial,?Helvetica,?Sans-serif; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.grayr?A?{

PADDING-RIGHT:?5px; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; COLOR:?#000; PADDING-TOP:?2px; TEXT-DECORATION:?none

}

.grayr?A:hover?{

COLOR:?#000; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.grayr?A:active?{

COLOR:?#000; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.grayr?SPAN.current?{

PADDING-RIGHT:?5px; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; MARGIN:?2px; COLOR:?#303030; PADDING-TOP:?2px; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.grayr?SPAN.disabled?{

PADDING-RIGHT:?5px; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; COLOR:?#797979; PADDING-TOP:?2px; mso-para-margin-bottom:0.0000gd;text-align:left;">}

/*CSS yellow style pagination*/

.yellow?{

PADDING-RIGHT:?7px; PADDING-LEFT:?7px; PADDING-BOTTOM:?7px; MARGIN:?3px; PADDING-TOP:?7px; TEXT-ALIGN:?center

}

.yellow?A?{

BORDER-RIGHT:?#ccc?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#ccc?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#ccc?1px?solid; COLOR:?#000; PADDING-TOP:?2px; BORDER-BOTTOM:?#ccc?1px?solid; TEXT-DECORATION:?none

}

.yellow?A:hover?{

BORDER-RIGHT:?#f0f0f0?1px?solid; BORDER-TOP:?#f0f0f0?1px?solid; BORDER-LEFT:?#f0f0f0?1px?solid; COLOR:?#000; BORDER-BOTTOM:?#f0f0f0?1px?solid

}

.yellow?A:active?{

BORDER-RIGHT:?#f0f0f0?1px?solid; BORDER-TOP:?#f0f0f0?1px?solid; BORDER-LEFT:?#f0f0f0?1px?solid; COLOR:?#000; BORDER-BOTTOM:?#f0f0f0?1px?solid

}

.yellow?SPAN.current?{

BORDER-RIGHT:?#d9d300?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#d9d300?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#d9d300?1px?solid; COLOR:?#fff; PADDING-TOP:?2px; BORDER-BOTTOM:?#d9d300?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.yellow?SPAN.disabled?{

}

/*CSS jogger?style pagination*/

.jogger?{

PADDING-RIGHT:?2px; PADDING-LEFT:?2px; PADDING-BOTTOM:?2px; MARGIN:?7px; PADDING-TOP:?2px; FONT-FAMILY:?"Lucida Sans Unicode",?"Lucida Grande",?LucidaGrande,?"Lucida Sans",?Geneva,?Verdana,?sans-serif

}

.jogger?A?{

PADDING-RIGHT:?0.64em; PADDING-LEFT:?0.64em; PADDING-BOTTOM:?0.43em; MARGIN:?2px; COLOR:?#fff; PADDING-TOP:?0.5em; TEXT-DECORATION:?none

}

.jogger?A:hover?{

PADDING-RIGHT:?0.64em; PADDING-LEFT:?0.64em; PADDING-BOTTOM:?0.43em; MARGIN:?2px; COLOR:?#fff; PADDING-TOP:?0.5em; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.jogger?A:active?{

PADDING-RIGHT:?0.64em; PADDING-LEFT:?0.64em; PADDING-BOTTOM:?0.43em; MARGIN:?2px; COLOR:?#fff; PADDING-TOP:?0.5em; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.jogger?SPAN.current?{

PADDING-RIGHT:?0.64em; PADDING-LEFT:?0.64em; PADDING-BOTTOM:?0.43em; MARGIN:?2px; COLOR:?#6d643c; PADDING-TOP:?0.5em; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.jogger?SPAN.disabled?{

DISPLAY:?none

}

/*CSS starcraft2 style pagination*/

.starcraft2?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; FONT-WEIGHT:?bold; FONT-SIZE:?13.5pt; PADDING-BOTTOM:?3px; MARGIN:?3px; COLOR:?#fff; PADDING-TOP:?3px; FONT-FAMILY:?Arial; TEXT-ALIGN:?center

}

.starcraft2?A?{

MARGIN:?2px; COLOR:?#fa0; TEXT-DECORATION:?none

}

.starcraft2?A:hover?{

COLOR:?#fff; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.starcraft2?A:active?{

COLOR:?#fff; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.starcraft2?SPAN.current?{

FONT-WEIGHT:?bold; MARGIN:?2px; COLOR:?#fff; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.starcraft2?SPAN.disabled?{

MARGIN:?2px; COLOR:?#444; mso-para-margin-bottom:0.0000gd;text-align:left;">}

/*CSS tres?style pagination*/

.tres?{

PADDING-RIGHT:?7px; PADDING-LEFT:?7px; FONT-WEIGHT:?bold; FONT-SIZE:?13.2pt; PADDING-BOTTOM:?7px; MARGIN:?3px; PADDING-TOP:?7px; FONT-FAMILY:?Arial,?Helvetica,?sans-serif; TEXT-ALIGN:?center

}

.tres?A?{

BORDER-RIGHT:?#d9d300?2px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#d9d300?2px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#d9d300?2px?solid; COLOR:?#fff; PADDING-TOP:?2px; BORDER-BOTTOM:?#d9d300?2px?solid; TEXT-DECORATION:?none

}

.tres?A:hover?{

BORDER-RIGHT:?#ff0?2px?solid; BORDER-TOP:?#ff0?2px?solid; BORDER-LEFT:?#ff0?2px?solid; COLOR:?#000; BORDER-BOTTOM:?#ff0?2px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.tres?A:active?{

BORDER-RIGHT:?#ff0?2px?solid; BORDER-TOP:?#ff0?2px?solid; BORDER-LEFT:?#ff0?2px?solid; COLOR:?#000; BORDER-BOTTOM:?#ff0?2px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.tres?SPAN.current?{

BORDER-RIGHT:?#fff?2px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#fff?2px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#fff?2px?solid; COLOR:?#000; PADDING-TOP:?2px; BORDER-BOTTOM:?#fff?2px?solid

}

.tres?SPAN.disabled?{

DISPLAY:?none

}

/*CSS megas512 style pagination*/

.megas512?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.megas512?A?{

BORDER-RIGHT:?#dedfde?1px?solid; PADDING-RIGHT:?6px; BACKGROUND-POSITION:?50%?bottom; BORDER-TOP:?#dedfde?1px?solid; PADDING-LEFT:?6px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#dedfde?1px?solid; COLOR:?#99210b; MARGIN-RIGHT:?3px; PADDING-TOP:?2px; BORDER-BOTTOM:?#dedfde?1px?solid; TEXT-DECORATION:?none

}

.megas512?A:hover?{

.megas512?A:active?{

.megas512?SPAN.current?{

PADDING-RIGHT:?6px; PADDING-LEFT:?6px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; COLOR:?#99210b; MARGIN-RIGHT:?3px; PADDING-TOP:?2px

}

.megas512?SPAN.disabled?{

PADDING-RIGHT:?6px; PADDING-LEFT:?6px; PADDING-BOTTOM:?2px; COLOR:?#adaaad; MARGIN-RIGHT:?3px; PADDING-TOP:?2px

}

/*CSS technorati?style pagination*/

.technorati?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.technorati?A?{

BORDER-RIGHT:?#ccc?1px?solid; PADDING-RIGHT:?6px; BACKGROUND-POSITION:?50%?bottom; BORDER-TOP:?#ccc?1px?solid; PADDING-LEFT:?6px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; BORDER-LEFT:?#ccc?1px?solid; COLOR:?rgb(66,97,222); MARGIN-RIGHT:?3px; PADDING-TOP:?2px; BORDER-BOTTOM:?#ccc?1px?solid; TEXT-DECORATION:?none

}

.technorati?A:hover?{

BACKGROUND-IMAGE:?none; COLOR:?#fff; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.technorati?A:active?{

BACKGROUND-IMAGE:?none; COLOR:?#fff; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.technorati?SPAN.current?{

PADDING-RIGHT:?6px; PADDING-LEFT:?6px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; COLOR:?#000; MARGIN-RIGHT:?3px; PADDING-TOP:?2px

}

.technorati?SPAN.disabled?{

DISPLAY:?none

}

/*CSS youtube?style pagination*/

.youtube?{

PADDING-RIGHT:?6px; BORDER-TOP:?#9c9a9c?1px?dotted; PADDING-LEFT:?0px; FONT-SIZE:?13px; PADDING-BOTTOM:?4px; COLOR:?#313031; PADDING-TOP:?4px; FONT-FAMILY:?Arial,?Helvetica,?sans-serif; TEXT-ALIGN:?right

}

.youtube?A?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?1px; MARGIN:?0px?1px; COLOR:?#0030ce; PADDING-TOP:?1px; TEXT-DECORATION:?underline

}

.youtube?A:hover?{

}

.youtube?A:active?{

}

.youtube?SPAN.current?{

PADDING-RIGHT:?2px; PADDING-LEFT:?2px; PADDING-BOTTOM:?1px; COLOR:?#000; PADDING-TOP:?1px; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.youtube?SPAN.disabled?{

DISPLAY:?none

}

/*CSS msdn?style pagination*/

.msdn?{

PADDING-RIGHT:?6px; PADDING-LEFT:?0px; FONT-SIZE:?13px; PADDING-BOTTOM:?4px; COLOR:?#313031; PADDING-TOP:?4px; FONT-FAMILY:?Verdana,Tahoma,Arial,Helvetica,Sans-Serif; TEXT-ALIGN:?right

}

.msdn?A?{

BORDER-RIGHT:?#b7d8ee?1px?solid; PADDING-RIGHT:?6px; BORDER-TOP:?#b7d8ee?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?4px; MARGIN:?0px?3px; BORDER-LEFT:?#b7d8ee?1px?solid; COLOR:?#0030ce; PADDING-TOP:?5px; BORDER-BOTTOM:?#b7d8ee?1px?solid; TEXT-DECORATION:?none

}

.msdn?A:hover?{

BORDER-RIGHT:?#b7d8ee?1px?solid; BORDER-TOP:?#b7d8ee?1px?solid; BORDER-LEFT:?#b7d8ee?1px?solid; COLOR:?#0066a7; BORDER-BOTTOM:?#b7d8ee?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.pagination?A:active?{

BORDER-RIGHT:?#b7d8ee?1px?solid; BORDER-TOP:?#b7d8ee?1px?solid; BORDER-LEFT:?#b7d8ee?1px?solid; COLOR:?#0066a7; BORDER-BOTTOM:?#b7d8ee?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.msdn?SPAN.current?{

BORDER-RIGHT:?#b7d8ee?1px?solid; PADDING-RIGHT:?6px; BORDER-TOP:?#b7d8ee?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?4px; MARGIN:?0px?3px; BORDER-LEFT:?#b7d8ee?1px?solid; COLOR:?#444444; PADDING-TOP:?5px; BORDER-BOTTOM:?#b7d8ee?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.msdn?SPAN.disabled?{

DISPLAY:?none

}

/*CSS badoo?style pagination*/

.badoo?{

PADDING-RIGHT:?0px; PADDING-LEFT:?0px; FONT-SIZE:?13px; PADDING-BOTTOM:?10px; COLOR:?#48b9ef; PADDING-TOP:?10px; FONT-FAMILY:?Arial,?Helvetica,?sans-serif; TEXT-ALIGN:?center

}

.badoo?A?{

BORDER-RIGHT:?#f0f0f0?2px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#f0f0f0?2px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?0px?2px; BORDER-LEFT:?#f0f0f0?2px?solid; COLOR:?#48b9ef; PADDING-TOP:?2px; BORDER-BOTTOM:?#f0f0f0?2px?solid; TEXT-DECORATION:?none

}

.badoo?A:hover?{

BORDER-RIGHT:?#ff5a00?2px?solid; BORDER-TOP:?#ff5a00?2px?solid; BORDER-LEFT:?#ff5a00?2px?solid; COLOR:?#ff5a00; BORDER-BOTTOM:?#ff5a00?2px?solid

}

.badoo?A:active?{

BORDER-RIGHT:?#ff5a00?2px?solid; BORDER-TOP:?#ff5a00?2px?solid; BORDER-LEFT:?#ff5a00?2px?solid; COLOR:?#ff5a00; BORDER-BOTTOM:?#ff5a00?2px?solid

}

.badoo?SPAN.current?{

BORDER-RIGHT:?#ff5a00?2px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#ff5a00?2px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; BORDER-LEFT:?#ff5a00?2px?solid; COLOR:?#fff; PADDING-TOP:?2px; BORDER-BOTTOM:?#ff5a00?2px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.badoo?SPAN.disabled?{

DISPLAY:?none

}

/*CSS manu?style pagination*/

.manu?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.manu?A?{

BORDER-RIGHT:?#eee?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#eee?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#eee?1px?solid; COLOR:?#036cb4; PADDING-TOP:?2px; BORDER-BOTTOM:?#eee?1px?solid; TEXT-DECORATION:?none

}

.manu?A:hover?{

BORDER-RIGHT:?#999?1px?solid; BORDER-TOP:?#999?1px?solid; BORDER-LEFT:?#999?1px?solid; COLOR:?#666; BORDER-BOTTOM:?#999?1px?solid

}

.manu?A:active?{

BORDER-RIGHT:?#999?1px?solid; BORDER-TOP:?#999?1px?solid; BORDER-LEFT:?#999?1px?solid; COLOR:?#666; BORDER-BOTTOM:?#999?1px?solid

}

.manu?.current?{

BORDER-RIGHT:?#036cb4?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#036cb4?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; MARGIN:?2px; BORDER-LEFT:?#036cb4?1px?solid; COLOR:?#fff; PADDING-TOP:?2px; BORDER-BOTTOM:?#036cb4?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.manu?.disabled?{

}

/*CSS green-black style pagination*/

.green-black?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; TEXT-ALIGN:?center

}

.green-black?A?{

BORDER-RIGHT:?#2c2c2c?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#2c2c2c?1px?solid; PADDING-LEFT:?5px; BACKGROUND:?url(image1.gif)?#2c2c2c; PADDING-BOTTOM:?2px; BORDER-LEFT:?#2c2c2c?1px?solid; COLOR:?#fff; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#2c2c2c?1px?solid; TEXT-DECORATION:?none

}

.green-black?A:hover?{

BORDER-RIGHT:?#aad83e?1px?solid; BORDER-TOP:?#aad83e?1px?solid; BACKGROUND:?url(image2.gif)?#aad83e; BORDER-LEFT:?#aad83e?1px?solid; COLOR:?#fff; BORDER-BOTTOM:?#aad83e?1px?solid

}

.green-black?A:active?{

BORDER-RIGHT:?#aad83e?1px?solid; BORDER-TOP:?#aad83e?1px?solid; BACKGROUND:?url(image2.gif)?#aad83e; BORDER-LEFT:?#aad83e?1px?solid; COLOR:?#fff; BORDER-BOTTOM:?#aad83e?1px?solid

}

.green-black?SPAN.current?{

BORDER-RIGHT:?#aad83e?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#aad83e?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; BACKGROUND:?url(image2.gif)?#aad83e; PADDING-BOTTOM:?2px; BORDER-LEFT:?#aad83e?1px?solid; COLOR:?#fff; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#aad83e?1px?solid

}

.green-black?SPAN.disabled?{

}

/*CSS viciao?style pagination*/

.viciao?{

MARGIN-TOP:?20px; MARGIN-BOTTOM:?10px

}

.viciao?A?{

BORDER-RIGHT:?#8db5d7?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#8db5d7?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#8db5d7?1px?solid; COLOR:?#000; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#8db5d7?1px?solid; TEXT-DECORATION:?none

}

.viciao?A:hover?{

BORDER-RIGHT:?red?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?red?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; BORDER-LEFT:?red?1px?solid; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?red?1px?solid

}

.viciao?A:active?{

}

.viciao?SPAN.current?{

BORDER-RIGHT:?#e89954?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#e89954?1px?solid; PADDING-LEFT:?5px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; BORDER-LEFT:?#e89954?1px?solid; COLOR:?#000; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#e89954?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.viciao?SPAN.disabled?{

BORDER-RIGHT:?#ccc?1px?solid; PADDING-RIGHT:?5px; BORDER-TOP:?#ccc?1px?solid; PADDING-LEFT:?5px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#ccc?1px?solid; COLOR:?#ccc; MARGIN-RIGHT:?2px; PADDING-TOP:?2px; BORDER-BOTTOM:?#ccc?1px?solid

}

/*CSS yahoo2 style pagination*/

.yahoo2?{

PADDING-RIGHT:?3px; PADDING-LEFT:?3px; FONT-SIZE:?0.85em; PADDING-BOTTOM:?3px; MARGIN:?3px; PADDING-TOP:?3px; FONT-FAMILY:?Tahoma,Helvetica,sans-serif; TEXT-ALIGN:?center

}

.yahoo2?A?{

BORDER-RIGHT:?#ccdbe4?1px?solid; PADDING-RIGHT:?8px; BACKGROUND-POSITION:?50%?bottom; BORDER-TOP:?#ccdbe4?1px?solid; PADDING-LEFT:?8px; PADDING-BOTTOM:?2px; BORDER-LEFT:?#ccdbe4?1px?solid; COLOR:?#0061de; MARGIN-RIGHT:?3px; PADDING-TOP:?2px; BORDER-BOTTOM:?#ccdbe4?1px?solid; TEXT-DECORATION:?none

}

.yahoo2?A:hover?{

BORDER-RIGHT:?#2b55af?1px?solid; BORDER-TOP:?#2b55af?1px?solid; BACKGROUND-IMAGE:?none; BORDER-LEFT:?#2b55af?1px?solid; COLOR:?#fff; BORDER-BOTTOM:?#2b55af?1px?solid; mso-para-margin-bottom:0.0000gd;text-align:left;">}

.yahoo2?A:active?{

.yahoo2?SPAN.current?{

PADDING-RIGHT:?6px; PADDING-LEFT:?6px; FONT-WEIGHT:?bold; PADDING-BOTTOM:?2px; COLOR:?#000; MARGIN-RIGHT:?3px; PADDING-TOP:?2px

}

.yahoo2?SPAN.disabled?{

DISPLAY:?none

}

.yahoo2?A.next?{

BORDER-RIGHT:?#ccdbe4?2px?solid; BORDER-TOP:?#ccdbe4?2px?solid; MARGIN:?0px?0px?0px?10px; BORDER-LEFT:?#ccdbe4?2px?solid; BORDER-BOTTOM:?#ccdbe4?2px?solid

}

.yahoo2?A.next:hover?{

BORDER-RIGHT:?#2b55af?2px?solid; BORDER-TOP:?#2b55af?2px?solid; BORDER-LEFT:?#2b55af?2px?solid; BORDER-BOTTOM:?#2b55af?2px?solid

}

.yahoo2?A.prev?{

BORDER-RIGHT:?#ccdbe4?2px?solid; BORDER-TOP:?#ccdbe4?2px?solid; MARGIN:?0px?10px?0px?0px; BORDER-LEFT:?#ccdbe4?2px?solid; BORDER-BOTTOM:?#ccdbe4?2px?solid

}

.yahoo2?A.prev:hover?{

BORDER-RIGHT:?#2b55af?2px?solid; BORDER-TOP:?#2b55af?2px?solid; BORDER-LEFT:?#2b55af?2px?solid; BORDER-BOTTOM:?#2b55af?2px?solid

}

轉載于:https://www.cnblogs.com/crdit/p/9216342.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的分页标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Linux文件服务器实战（系统用户）
下一篇： Lambda01 编程范式、lambda