📄 pageforquery.aspx

📁 分页其他人不需帐号就可自由下载此源码

💻 ASPX

字号:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PageforQuery.aspx.cs" Inherits="PageforQuery" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>jQuery分页</title>
    
    <style type="text/css">
        body,div {
	        font-size:13px;
	        font-family:Verdana;
        }

        .pgContainer {
	        background-color:#F9F9F9;
	        padding:10px;
	        line-height:20px;
        }

        #pagetest5 .pgContainer {
	        color:#93A5B3;
	        background:url(./temp/desk.jpg);
        }

        hr {
	        margin:10px 0 10px 0;
	        border:0;
	        border-top:1px dashed #CCCCCC;
	        height:0;
        }

        h3 {
	        margin:5px 0;
	        font-size:14px;
        }
  </style>



    <link href="jQuery/jpage/theme/default/css/jpage.css" rel="stylesheet" type="text/css" />    
    <link href="jQuery/jpage/theme/black/css/jpage.css" rel="stylesheet" type="text/css" />    
    <link href="jQuery/jpage/theme/white/css/jpage.css" rel="stylesheet" type="text/css" />    
    
    <script type="text/javascript" src="jQuery/jquery-1.2.6.js"></script>    

    <script type="text/javascript" src="jQuery/jpage/jquery.jpage.js"></script>
    <script type="text/javascript" src="jQuery/cookie/jquery.cookie.js"></script>
    
    <script type="text/javascript">
    
    jQuery(document).ready(function(){       
       
       var method = {
			'method':encodeURI('byDB')
		};
        
       $('#pagetest_1').jpage({totalRecord:96,proxyUrl:'GetDataServer.aspx',groupSize:10,perPage:10,barPosition:'bottom'});
        
       //$('#pagetest_2').jpage({totalRecord:18,proxyUrl:'GetDataByDB.aspx',groupSize:1,perPage:8,barPosition:'bottom',ajaxParam:method});
        
	});
    </script>
    

</head>
<body style="text-align: center">
    <form id="form1" runat="server">
    <div style="text-align: center">
    
        <div id="pagetest_1" style="width: 800px; height: 324px; text-align:left;">
        </div>
    
         <br />
    
        <div id="pagetest_2" style="width: 800px; height: 324px; text-align:left;">
        </div>
        
    </div>
    </form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -