zoukankan      html  css  js  c++  java
  • jQuery实现分页

    参考网上的资源(必优博客 http://www.biuuu.com/)

    注意:CSS样式使分页导航水平显示,如果没有的话将以普通列表方式呈现。

    <html>
    <head>
    <script type="text/javascript" src="Library/jquery1.3.1/dist/jquery.js"></script>
    <script type="text/javascript" src="Library/jquery1.3.1/jquery.pager.js"></script>

    <script type="text/javascript" language="javascript">
    $(document).ready(function() { $("#pager").pager({ pagenumber: 1, pagecount: 15, buttonClickCallback: PageClick }); }); PageClick = function(pageclickednumber) { $("#pager").pager({ pagenumber: pageclickednumber, pagecount: 15, buttonClickCallback: PageClick }); $("#result").html("测试jQuery分页器 当前第" + pageclickednumber + "页"); }
    </script>

    <style type="text/css">
    <!--
    #pager ul.pages { display:block; border:none; text-transform:uppercase; font-size:10px; margin:10px 0 50px; padding:0; }
    #pager ul.pages li { list-style:none; float:left; border:1px solid #ccc; text-decoration:none; margin:0 5px 0 0; padding:5px; }
    #pager ul.pages li:hover { border:1px solid #003f7e; }
    #pager ul.pages li.pgEmpty { border:1px solid #eee; color:#eee; }
    #pager ul.pages li.pgCurrent { border:1px solid #003f7e; color:#000; font-weight:700; background-color:#eee; }
    -->
    </style>
    </head>
    <body>
    <form id="form1" name="form1" method="post" action="">
      <h1 id="result">测试jQuery分页器 </h1> <div id="pager" ></div>
    </form>
    </body>
    </html>

  • 相关阅读:
    Metropolis-Hastings algorithm
    Base64编码原理
    修改远程端口号
    修改数据库配置文件
    Windows 2008下系统网站运行环境的搭建
    oracle 11 g数据库卸载(方法二)
    oracle11g的安装
    oracle 11g的卸载
    软件实施的技巧
    使用命令行快速打开系统文件
  • 原文地址:https://www.cnblogs.com/GarfieldTom/p/1501084.html
Copyright © 2011-2022 走看看