翻页Page

翻页 Page - 图1

  1. <ul class="page">
  2. <li><a href="#">Prev</a></li>
  3. <li><a href="#">1</a></li>
  4. <li><a href="#">2</a></li>
  5. <li><a href="#">3</a></li>
  6. <li><a href="#">4</a></li>
  7. <li><a href="#">...</a></li>
  8. <li><a href="#">99</a></li>
  9. <li><a href="#">Next</a></li>
  10. </ul>

激活与禁用Active and Disabled

为<li>元素添加class="active"转换为激活项,添加class="disabled"转换为禁用项

翻页 Page - 图2

  1. <ul class="page">
  2. <li><a href="#">Default</a></li>
  3. <li class="active"><a href="#">Active</a></li>
  4. <li class="disabled"><a href="#">Disabled</a></li>
  5. </ul>

自定义风格Custom Style

可以使用自定义风格工具快速创建CSS

翻页 Page - 图3

  1. <ul class="page mystyle">
  2. ...
  3. </ul>