有序列表ol漂亮css分页样式代码(纯css)

所属分类：网络编程 / JavaScript 阅读数： 216

收藏 0赞 0分享

<!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> <title>有序列表ol漂亮分页样式</title> </head> <body>  <h3>有序列表ol分页源码/样式</h3> <ul class="pagination" title="分页列表"> <li class="totalAnnal">总记录数：<i>3</i></li> <li class="totalPage">总页数：<i>3</i></li> <li class="currentPage">当前页：<b>3</b></li> <li class="firstPage currentState"> <a href="javascript:;" title="首页">首页</a></li> <li class="previousPage currentState"> <a href="javascript:;" title="前一页">前一页</a></li> <li> <ol> <li><a title="转到第1页" href="javascript:;">1</a></li> <li><a title="转到第2页" href="javascript:;">2</a></li> <li class="currentState" title="当前页"> <a href="javascript:;">3</a></li> <li><a title="转到第4页" href="javascript:;">4</a></li> <li><a title="转到第5页" href="javascript:;">5</a></li> <li><a title="转到第6页" href="javascript:;">6</a></li> <li><a title="转到第7页" href="javascript:;">7</a></li> <li><a title="转到第8页" href="javascript:;">8</a></li> <li><a title="转到第9页" href="javascript:;">9</a></li> </ol> </li> <li class="nextPage"> <a href="javascript:;" title="后一页">后一页</a></li> <li class="lastPage"> <a href="javascript:;" title="尾页">尾页</a></i> </ul> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

有序列表ol漂亮css分页样式代码(纯css)

基于jquery封装的一个js分页

关于js datetime的那点事

js 关于=+与+=日期函数使用说明(赋值运算符)

JS 操作符整理[推荐收藏]

让html的text输入框只能输入数字和1个小数点(0-59之间可改)

Jquery 获取checkbox的checked问题

jQuery EasyUI API 中文文档 - DataGrid数据表格

jQuery EasyUI API 中文文档 - PropertyGrid属性表格

20款效果非常棒的 jQuery 插件小结分享

基于Jquery插件开发之图片放大镜效果(仿淘宝)

网络赚钱

站长故事