📄 pageforquery.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 + -