资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
Javascript静态分页(多个资料，静态自动分页)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>静态分页(首尾页)www.glzy8.com</title> </head> <body> <style> ul {display:none} </style> <div id="mydiv"> <ul> <li>01</li> </ul> <ul> <li>02</li> </ul> <ul> <li>03</li> </ul> <ul> <li>04</li> </ul> <ul> <li>05</li> </ul> <ul> <li>06</li> </ul> <ul> <li>07</li> </ul> <ul> <li>08</li> </ul> <ul> <li>09</li> </ul> <ul> <li>10</li> </ul> <ul> <li>11</li> </ul> <ul> <li>12</li> </ul> <ul> <li>13</li> </ul> <ul> <li>14</li> </ul> <ul> <li>15</li> </ul> <ul> <li>16</li> </ul> <ul> <li>17</li> </ul> <ul> <li>18</li> </ul> <ul> <li>19</li> </ul> <ul> <li>20</li> </ul> </div> <div id="changpage"></div> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Avar%20obj%2Cj%3B%20%0D%0Avar%20page%3D0%3B%20%0D%0Avar%20nowPage%3D0%3B%2F%2F%E5%BD%93%E5%89%8D%E9%A1%B5%20%0D%0Avar%20listNum%3D3%3B%2F%2F%E6%AF%8F%E9%A1%B5%E6%98%BE%E7%A4%BA%3Cul%3E%E6%95%B0%20%0D%0Avar%20PagesLen%3B%2F%2F%E6%80%BB%E9%A1%B5%E6%95%B0%20%0D%0Avar%20PageNum%3D4%3B%2F%2F%E5%88%86%E9%A1%B5%E9%93%BE%E6%8E%A5%E6%8E%A5%E6%95%B0(5%E4%B8%AA)%20%0D%0Aonload%3Dfunction()%7B%20%0D%0Aobj%3Ddocument.getElementById(%22mydiv%22).getElementsByTagName(%22ul%22)%3B%20%0D%0Aj%3Dobj.length%20%0D%0APagesLen%3DMath.ceil(j%2FlistNum)%3B%20%0D%0AupPage(0)%20%0D%0A%7D%20%0D%0Afunction%20upPage(p)%7B%20%0D%0AnowPage%3Dp%20%0D%0A%2F%2F%E5%86%85%E5%AE%B9%E5%8F%98%E6%8D%A2%20%0D%0Afor%20(var%20i%3D0%3Bi%3Cj%3Bi%2B%2B)%7B%20%0D%0Aobj%5Bi%5D.style.display%3D%22none%22%20%0D%0A%7D%20%0D%0Afor%20(var%20i%3Dp*listNum%3Bi%3C(p%2B1)*listNum%3Bi%2B%2B)%7B%20%0D%0Aif(obj%5Bi%5D)obj%5Bi%5D.style.display%3D%22block%22%20%0D%0A%7D%20%0D%0A%2F%2F%E5%88%86%E9%A1%B5%E9%93%BE%E6%8E%A5%E5%8F%98%E6%8D%A2%20%0D%0AstrS%3D'%3Ca%20href%3D%22%23%23%23%22%20onclick%3D%22upPage(0)%22%3E%E9%A6%96%E9%A1%B5%3C%2Fa%3E%26nbsp%3B%26nbsp%3B'%20%0D%0Avar%20PageNum_2%3DPageNum%252%3D%3D0%3FMath.ceil(PageNum%2F2)%2B1%3AMath.ceil(PageNum%2F2)%20%0D%0Avar%20PageNum_3%3DPageNum%252%3D%3D0%3FMath.ceil(PageNum%2F2)%3AMath.ceil(PageNum%2F2)%2B1%20%0D%0Avar%20strC%3D%22%22%2CstartPage%2CendPage%3B%20%0D%0Aif%20(PageNum%3E%3DPagesLen)%20%7BstartPage%3D0%3BendPage%3DPagesLen-1%7D%20%0D%0Aelse%20if%20(nowPage%3CPageNum_2)%7BstartPage%3D0%3BendPage%3DPagesLen-1%3EPageNum%3FPageNum%3APagesLen-1%7D%2F%2F%E9%A6%96%E9%A1%B5%20%0D%0Aelse%20%7BstartPage%3DnowPage%2BPageNum_3%3E%3DPagesLen%3FPagesLen-PageNum-1%3A%20nowPage-PageNum_2%2B1%3Bvar%20t%3DstartPage%2BPageNum%3BendPage%3Dt%3EPagesLen%3FPagesLen-1%3At%7D%20%0D%0Afor%20(var%20i%3DstartPage%3Bi%3C%3DendPage%3Bi%2B%2B)%7B%20%0D%0Aif%20(i%3D%3DnowPage)strC%2B%3D'%3Ca%20href%3D%22%23%23%23%22%20style%3D%22color%3Ared%3Bfont-weight%3A700%3B%22%20onclick%3D%22upPage('%2Bi%2B')%22%3E'%2B(i%2B1)%2B'%3C%2Fa%3E%26nbsp%3B'%20%0D%0Aelse%20strC%2B%3D'%3Ca%20href%3D%22%23%23%23%22%20onclick%3D%22upPage('%2Bi%2B')%22%3E'%2B(i%2B1)%2B'%3C%2Fa%3E%26nbsp%3B'%20%0D%0A%7D%20%0D%0AstrE%3D'%26nbsp%3B%3Ca%20href%3D%22%23%23%23%22%20onclick%3D%22upPage('%2B(PagesLen-1)%2B')%22%3E%E5%B0%BE%E9%A1%B5%3C%2Fa%3E%26nbsp%3B%26nbsp%3B'%20%0D%0AstrE2%3DnowPage%2B1%2B%22%2F%22%2BPagesLen%2B%22%E9%A1%B5%22%2B%22%26nbsp%3B%26nbsp%3B%E5%85%B1%22%2Bj%2B%22%E6%9D%A1%22%20%0D%0Adocument.getElementById(%22changpage%22).innerHTML%3DstrS%2BstrC%2BstrE%2BstrE2%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程