asp左手和右手的結合-----僞分頁的實現

VB和JS是asp的左手和右手。

雙手缺一不可

 

 

這是我看了用JS調用VB實分頁後的突發奇想

應爲它並不象分頁那樣每換一次頁都需要讀取一次數據

數據在頁面載入是已經讀取完畢

所以我稱它爲僞分頁

 

 

先上代碼：

  <div class="te_jia_ji_piao"> <div class="title_1"> <span class="more"><a href="#" mce_href="#">更多>></a></span><span>特價機票</span> </div> <% Dim rs_1,totalCount,totalPage,MaxPerPage,currentPage Call Opendb currentPage=1 sql="select * from ji_piao where istj=True ORDER BY id DESC" set rs_1=server.CreateObject("ADODB.recordset") rs_1.open sql,conn,1,1 if rs_1.eof and rs_1.bof then Response.Write "沒有數據" Else rs_1.pagesize=11 rs_1.absolutepage=currentPage totalCount=rs_1.recordcount '記錄總數 totalPage=rs_1.pagecount MaxPerPage=rs_1.pagesize End if For j=1 to rs_1.pagecount'循環TAB框。總數爲分頁後的總頁數 %> <div class="air" style="display:none" mce_style="display:none"> <% For i=1 to rs_1.pagesize if rs_1.eof then exit for end if %> <div class="ji_piao"> <span style="color:#000; width:90px;font-weight:normal;"><%=rs_1("data")%></span> <span style="width:120px;"><%=rs_1("leave")%>—<%=rs_1("arrival")%></span> <span>￥<%=rs_1("price")%></span> <span><%=rs_1("discount")%></span> <a href="tickets.asp?id=<%=rs_1(" mce_href="tickets.asp?id=&lt;%=rs_1("id")%>" >訂票</a> </div> <% rs_1.movenext Next %> </div> <% Next rs_1.close set rs_1=nothing Close conn %> <div style="font-size:12px; float:right; margin-right:20px;" mce_style="font-size:12px; float:right; margin-right:20px;"> <% For i=1 to totalPage'分頁頁腳生成"[1],[2],[3]....." %> <a class="airfoot" href="javascript:void(0)" mce_href="javascript:void(0)" οnclick="air(<%=i%>);" style="display:inline-block">[<%=i%>]</a> <% Next %> </div> </div> <mce:script type="text/javascript"><!-- $('.air:first').css('display','block'); $('.airfoot:first').css('color','#F00'); // --></mce:script> //基於JQuary框架TAB框選擇 function air(aa){ $(".air").each(function(i){ if (i==(aa-1)) $(this).css('display','block') else $(this).css('display','none') }); $(".airfoot").each(function(i){ if (i==(aa-1)) $(this).css('color','#F00') else $(this).css('color','#000') }); }

 

之所以叫僞分頁

其實所有數據在頁面被載入的時候就已經全部讀取完畢

把每一個分頁的頁面生成一個TAB框

在TAB框裏顯示各個分頁的信息

說白了就是一個動態生成TAB框的過程

 

至於TBA框的選擇則是用JQuary實現

 

 

以上方法不是用於大量信息的顯示

 

上圖：

1：

 

 

 

2：

 

 

第一個寫博客。不大好請見諒

有什麼問題請加我QQ815762641~