jquery.quickpaginate插件使用

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>jquery.quickpaginate插件使用</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="jquery.quickpaginate.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
jQuery(function(){
jQuery("#page_content li").quickpaginate({ perpage: 4,showcounter: true, pager : jQuery("#shopping_list_counter") });
});

</script>
</head>
<body>
<h1><span>jquery.quickpaginate分页插件使用</span></h1>
<ul id="page_content">
<li>carrots</li>
<li>beef</li>
<li>pineapple</li>
<li>tofu</li>
<li>lettuce</li>
<li>washing up liquid</li>
<li>yoghurt</li>
<li>chocolate</li>
<li>milk</li>
<li>bread</li>
</ul>
<div id="shopping_list_counter"></div>
</body>
</html>

<!--E 文章--><!--S 日志顶部操作-->

你可能感兴趣的:(JavaScript,html,jquery,XHTML,UP)