欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

架构师之js------------------最快的js分页  

程序员文章站 2024-03-26 10:32:17
...
1前言。
  如题。
2.代码
var style="<style>.pages{ width:100.5%; text-align:right; padding:10px 0; clear:both;}.pages span,.pages a,.pages b{ font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 2px;}.pages span font{ color:#f00; font-size:12px;}.pages a,.pages b{ border:1px solid #5FA623; background:#fff; padding:2px 6px; text-decoration:none}.pages span { padding-right:10px }.pages b,.pages a:hover{ background:#7AB63F; color:#fff;}</style>";
		var pageText='<div class=\"pages\"><span>共<font>24</font>条记录</span><b>1</b><a href=\"\">2</a><a href=\"\">3</a><a href=\"\">4</a><a href=\"\">5</a>...<a href=\"\">168</a><a href=\"\">下一页>></a></div>'
		dh.append(_this.body,style+pageText);



3。注意事项。
  两个变量一个是样式,一个是div.js自己实现即可。