基于JavaScript的静态分页功能实现与全局变量应用

分页样式与运行代码示例

<!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" lang="gb2312"> <head> <title>JS静态分页程序</title> </head> <style type="text/css"> a:link,a:visited,a:hover,.current,#info{     border:1px solid #DDD;     background:#F2F2F2;     display:inline-block;     margin:1px;     text-decoration:none;     font-size:12px;     width:15px;     height:15px;     text-align:center;     line-height:15px;     color:#AAA;     padding:1px 2px; } a:hover{     border:1px solid #E5E5E5;     background:#F9F9F9; } .current{     border:1px solid #83E7E4;     background:#DFF9F8;     margin:1px;     color:#27CBC7; } #info{     width:auto; } </style> <body> <div id="setpage"></div>  </body> </html>