Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产日本特黄特色大片免费视频,成年女人免费看一级人体片,最近中文字幕完整电影 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務商
          
				
          電腦端+手機端+微信端=數據同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          Django 數據分頁
          
        
           
          
	
	
          
		Django 數據分頁
          
                        
          列表顯示數據時，分頁顯示是必不可少的功能，活不多說，直接干貨拿走，django提供了一個分頁器Paginator，下面的例子說明如何使用它。

          1，寫一個帶分頁功能的查詢方法
          編輯 myweb\web\views.py文件，加入如下代碼

          from models import Tasks
          from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger
          from django.views.decorators import csrf

          #任務列表
          def task_list(request):
           contact_list=Tasks.objects.all().order_by('-task_start_date')
           #每頁顯示25條
           paginator=Paginator(contact_list, 25) 
           page=request.GET.get('page')
           try:
           contacts=paginator.page(page)
           except PageNotAnInteger:
           contacts=paginator.page(1)
           except EmptyPage:
           contacts=paginator.page(paginator.num_pages)

           return render(request, 'taskList.html', {'contacts': contacts})

          這里是將數據返回到前端頁面 taskList.html頁面。


          2，前端頁面獲取并顯示數據
          在myweb\web\templates目錄新建一個taskList.html文件,內容如下：
          {% extends 'base.html' %}
          {% block content %} 
          <table class="tableList">
          <thead>
          <tr>
          <th>任務名稱</th>
          <th>操作者</th>
          <th>任務描述</th>
          <th>開始日期</th>
          <th>結束日期</th>
          <th>任務評價</th>
          </tr>
          </thead>
          <tbody>
          {% if contacts.paginator.count > 0 %}
          {% for contact in contacts %}
          <tr>
          <td> {{ contact.task_name }} </td>
          <td> {{ contact.task_user }} </td>
          <td> {{ contact.task_describe }}</td>
          <td> {{ contact.task_start_date }} </td>
          <td> {{ contact.task_end_date }} </td>
          <td> {{ contact.task_result }}</td>
          </tr>
          {% endfor %}
          {% else %}
          <tr>
          <td colspan="10" align="center">沒有任務數據</td>
          </tr>
          {% endif %}
          </tbody>
          </table>


          {# 分頁HTML代碼 #}
          <div class="pagination">
           <span class="step-links">
           {% if contacts.has_previous %}
           <a href="?page={{ contacts.previous_page_number }}">上一頁</a>
           {% endif %}

           <span class="current">
           Page {{ contacts.number }} of {{ contacts.paginator.num_pages }}.
           </span>

           {% if contacts.has_next %}
           <a href="?page={{ contacts.next_page_number }}">下一頁</a>
           {% endif %}
           </span>
          </div>
          {% endblock %}

          3，URL映射
          編輯urls.py文件，加入：

          url(r'^tasklist/', views.task_list),
          JS代碼：
/*
* 分頁方法
* author:Mr.X
* time:2017/12/27
*/

Request=GetRequest();
var searchType=$("#search_type").val();
var key=Request[searchType];
var keyIndex=key.lastIndexOf('.');
if(keyIndex !=-1){
key=key.substring(0, keyIndex)
}
var IFRAME_SRC="http://"+window.location.host+"/search/"+searchType+"/"+key;//初始url
var page=Request['p'];//獲取url中的地址參數
if(page==null||page==""){
page=1;
}
var limit=12;//每頁限制條數
var page_all="";//總頁數
$(document).ready(function (){
page_list();
});
function page_list(){
var count=$("#page_count").html();//新聞總數
var remainder=count%limit;//判斷是否有余數，有余數的話，整除后，余數+1，就是總頁數；如果余數為0，即為整除，則整除后的的數即為總頁數
if(count<=limit){
//總數達不到每頁顯示的條數，則不顯示頁碼
}else{
//總數超過一頁，即總數超過limit規定的條數，顯示分頁
//先判斷余數為0的情況：如果余數為0，即為整除，則整除后的的數即為總頁數
if(remainder==0){
var page_number=count/limit;//總頁碼數
page_number=parseInt(page_number);//將頁碼數由字符串類型轉換為整形
page_all=page_number;
//如果頁碼數不超過5，則顯示全部分頁總數
if(page_number<6){
page=parseInt(page);//將獲取到的頁碼數轉換成整數
var page_pre=page-1;
var url_pre=IFRAME_SRC+'/p/'+page_pre;//上一頁
var url_index=IFRAME_SRC+'/p/'+1;//首頁
var url_last=IFRAME_SRC+'/p/'+page_number;//尾頁
if(page==1){
//如果頁碼page=1，則隱藏上一頁
//$("#page_list").append("<li class='paginate_button previous disabled' aria-controls='example' tabindex='0' id='example_previous'><a>上一頁</a></li>");
}else{
//如果頁碼page不是1，則顯示首頁和上一頁
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_index+"'>首頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_pre+"'>上一頁</a></li>");
}
//對頁碼進行賦值
for(var i=0; i<page_number; i++){
var j=i+1;
var url=IFRAME_SRC+'/p/'+j;
if(page==j){
//如果是當前頁，則給當前頁加上active
$("#page_list").append("<li class='paginate_button active' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}else{
//如果不是當前頁，則去掉active
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}
}
//page=parseInt(page);
var page_next=page+1;
var url_next=IFRAME_SRC+'/p/'+page_next;//下一頁
if(page==page_number){
//如果是最后一頁，則隱藏下一頁功能
//$("#page_list").append("<li class='paginate_button next disabled' aria-controls='example' tabindex='0' id='example_next'><a>下一頁</a></li>");
}else{
//如果不是最后一頁，則顯示最后一頁和尾頁
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_next+"'>下一頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>尾頁</a></li>");
}
}
//如果頁碼超過5，則分塊顯示:點擊第一頁，顯示：1/2/3/4/5/..page_number,點擊第二頁，顯示：1/2/3/4/5/..page_number,點擊第三頁，顯示：1/2/3/4/5/..page_number,點擊第四頁：顯示：1/2/3/4/5/..page_number,點擊第五頁，顯示：1...3/4/5/6/7/..page_number;點擊page_number,顯示:1../page_number-4/page_number-3/page_number-2/page_number-1/page_number
else{
if(page==1||page==2||page==3||page==4){
page=parseInt(page);//將字符串轉換為整形
var page_pre=page-1;
var url_pre=IFRAME_SRC+'/p/'+page_pre;//上一頁
var url_index=IFRAME_SRC+'/p/'+1;//首頁
var url_last=IFRAME_SRC+'/p/'+page_number;//最后一頁
if(page==1){
//$("#page_list").append("<li class='paginate_button previous disabled' aria-controls='example' tabindex='0' id='example_previous'><a>上一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_index+"'>首頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_pre+"'>上一頁</a></li>");
}
for(var i=0; i<page_number; i++){
if(i>4){
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>..."+page_number+"</a></li>");
break;
}
var j=i+1;
var url=IFRAME_SRC+'/p/'+j;
//$(window.parent.document).find("#tab_13 iframe").attr("src",url);
 //url=$(window.parent.document).find("#tab_13 iframe").attr("src");
if(page==j){
$("#page_list").append("<li class='paginate_button active' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}
}
page=parseInt(page);
var page_next=page+1;
var url_next=IFRAME_SRC+'/p/'+page_next;
if(page==page_number){
//$("#page_list").append("<li class='paginate_button next disabled' aria-controls='example' tabindex='0' id='example_next'><a>下一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_next+"'>下一頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>尾頁</a></li>");
}
}else if(page==page_number-3||page==page_number-2||page==page_number-1||page==page_number){
page=parseInt(page);//將字符串轉換為整形
var page_pre=page-1;
var url_pre=IFRAME_SRC+'/p/'+page_pre;//上一頁
var url_index=IFRAME_SRC+'/p/'+1;//首頁
var url_last=IFRAME_SRC+'/p/'+page_number;//最后一頁
if(page==1){
//$("#page_list").append("<li class='paginate_button previous disabled' aria-controls='example' tabindex='0' id='example_previous'><a>上一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_index+"'>首頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_pre+"'>上一頁</a></li>");
}
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_index+"'>"+1+"...</a></li>");
for(var i=page_number-4; i<page_number+1; i++){
var j=i;
var url=IFRAME_SRC+'/p/'+j;
if(page==j){
$("#page_list").append("<li class='paginate_button active' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}
}
page=parseInt(page);
var page_next=page+1;
var url_next=IFRAME_SRC+'/p/'+page_next;
if(page==page_number){
//$("#page_list").append("<li class='paginate_button next disabled' aria-controls='example' tabindex='0' id='example_next'><a>下一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_next+"'>下一頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>尾頁</a></li>");
}
}else{
page=parseInt(page);//將字符串轉換為整形
var page_pre=page-1;
var url_pre=IFRAME_SRC+'/p/'+page_pre;//上一頁
var url_index=IFRAME_SRC+'/p/'+1;//首頁
var url_last=IFRAME_SRC+'/p/'+page_number;//最后一頁
if(page==1){
//$("#page_list").append("<li class='paginate_button previous disabled' aria-controls='example' tabindex='0' id='example_previous'><a>上一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_index+"'>首頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_pre+"'>上一頁</a></li>");
}
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_index+"'>"+1+"...</a></li>");
for(var i=page-3; i<page+2; i++){
var j=i+1;
var url=IFRAME_SRC+'/p/'+j;
if(page==j){
$("#page_list").append("<li class='paginate_button active' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}
}
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>..."+page_number+"</a></li>");
page=parseInt(page);
var page_next=page+1;
var url_next=IFRAME_SRC+'/p/'+page_next;
if(page==page_number){
//$("#page_list").append("<li class='paginate_button next disabled' aria-controls='example' tabindex='0' id='example_next'><a>下一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_next+"'>下一頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>尾頁</a></li>");
}
}
}
$("#page_list").append("<span id='goto-page'>到第</span><input id='selcet_page' value='"+page+"'/><span id='go-page'>頁</span>");
$("#page_list").append("<button type='button' id='change_page'>確定</button>");
}
//如果余數不為0，則將整除后的整數+1，即為總頁碼
else{
var page_number=count/limit;
page_number=parseInt(page_number);
page_number=page_number+1;
page_all=page_number;
//如果頁碼數不超過5，則顯示全部分頁總數
if(page_number<6){
page=parseInt(page);//將獲取到的頁碼數轉換成整數
var page_pre=page-1;
var url_pre=IFRAME_SRC+'/p/'+page_pre;//上一頁
var url_index=IFRAME_SRC+'/p/'+1;//首頁
var url_last=IFRAME_SRC+'/p/'+page_number;//尾頁
if(page==1){
//如果頁碼page=1，則隱藏上一頁
 //$("#page_list").append("<li class='paginate_button previous disabled' aria-controls='example' tabindex='0' id='example_previous'><a>上一頁</a></li>");
}else{
//如果頁碼page不是1，則顯示首頁和上一頁
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_index+"'>首頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_pre+"'>上一頁</a></li>");
}
//對頁碼進行賦值
for(var i=0; i<page_number; i++){
var j=i+1;
var url=IFRAME_SRC+'/p/'+j;
if(page==j){
//如果是當前頁，則給當前頁加上active
$("#page_list").append("<li class='paginate_button active' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}else{
//如果不是當前頁，則去掉active
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}
}
//page=parseInt(page);
var page_next=page+1;
var url_next=IFRAME_SRC+'/p/'+page_next;//下一頁
if(page==page_number){
//如果是最后一頁，則隱藏下一頁功能
 //$("#page_list").append("<li class='paginate_button next disabled' aria-controls='example' tabindex='0' id='example_next'><a>下一頁</a></li>");
}else{
//如果不是最后一頁，則顯示最后一頁和尾頁
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_next+"'>下一頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>尾頁</a></li>");
}
}
//如果頁碼超過5，則分塊顯示:點擊第一頁，顯示：1/2/3/4/5/..page_number,點擊第二頁，顯示：1/2/3/4/5/..page_number,點擊第三頁，顯示：1/2/3/4/5/..page_number,點擊第四頁：顯示：1/2/3/4/5/..page_number,點擊第五頁，顯示：1...3/4/5/6/7/..page_number;點擊page_number,顯示:1../page_number-4/page_number-3/page_number-2/page_number-1/page_number
else{
if(page==1||page==2||page==3||page==4){
page=parseInt(page);//將字符串轉換為整形
var page_pre=page-1;
var url_pre=IFRAME_SRC+'/p/'+page_pre;//上一頁
var url_index=IFRAME_SRC+'/p/'+1;//首頁
var url_last=IFRAME_SRC+'/p/'+page_number;//最后一頁
if(page==1){
//$("#page_list").append("<li class='paginate_button previous disabled' aria-controls='example' tabindex='0' id='example_previous'><a>上一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_index+"'>首頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_pre+"'>上一頁</a></li>");
}
for(var i=0; i<page_number; i++){
if(i>4){
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>..."+page_number+"</a></li>");
break;
}
var j=i+1;
var url=IFRAME_SRC+'/p/'+j;
if(page==j){
$("#page_list").append("<li class='paginate_button active' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}
}
page=parseInt(page);
var page_next=page+1;
var url_next=IFRAME_SRC+'/p/'+page_next;
if(page==page_number){
//$("#page_list").append("<li class='paginate_button next disabled' aria-controls='example' tabindex='0' id='example_next'><a>下一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_next+"'>下一頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>尾頁</a></li>");
}
}else if(page==page_number-3||page==page_number-2||page==page_number-1||page==page_number){
page=parseInt(page);//將字符串轉換為整形
var page_pre=page-1;
var url_pre=IFRAME_SRC+'/p/'+page_pre;//上一頁
var url_index=IFRAME_SRC+'/p/'+1;//首頁
var url_last=IFRAME_SRC+'/p/'+page_number;//最后一頁
if(page==1){
//$("#page_list").append("<li class='paginate_button previous disabled' aria-controls='example' tabindex='0' id='example_previous'><a>上一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_index+"'>首頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_pre+"'>上一頁</a></li>");
}
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_index+"'>"+1+"...</a></li>");
for(var i=page_number-4; i<page_number+1; i++){
var j=i;
var url=IFRAME_SRC+'/p/'+j;
if(page==j){
$("#page_list").append("<li class='paginate_button active' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}
}
page=parseInt(page);
var page_next=page+1;
var url_next=IFRAME_SRC+'/p/'+page_next;
if(page==page_number){
//$("#page_list").append("<li class='paginate_button next disabled' aria-controls='example' tabindex='0' id='example_next'><a>下一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_next+"'>下一頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>尾頁</a></li>");
}
}else{
page=parseInt(page);//將字符串轉換為整形
var page_pre=page-1;
var url_pre=IFRAME_SRC+'/p/'+page_pre;//上一頁
var url_index=IFRAME_SRC+'/p/'+1;//首頁
var url_last=IFRAME_SRC+'/p/'+page_number;//最后一頁
if(page==1){
//$("#page_list").append("<li class='paginate_button previous disabled' aria-controls='example' tabindex='0' id='example_previous'><a>上一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_index+"'>首頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_previous'><a href='"+url_pre+"'>上一頁</a></li>");
}
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_index+"'>"+1+"...</a></li>");
for(var i=page-3; i<page+2; i++){
var j=i+1;
var url=IFRAME_SRC+'/p/'+j;
if(page==j){
$("#page_list").append("<li class='paginate_button active' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0'><a href='"+url+"'>"+j+"</a></li>");
}
}
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>..."+page_number+"</a></li>");
page=parseInt(page);
var page_next=page+1;
var url_next=IFRAME_SRC+'/p/'+page_next;
if(page==page_number){
//$("#page_list").append("<li class='paginate_button next disabled' aria-controls='example' tabindex='0' id='example_next'><a>下一頁</a></li>");
}else{
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_next+"'>下一頁</a></li>");
$("#page_list").append("<li class='paginate_button' aria-controls='example' tabindex='0' id='example_next'><a href='"+url_last+"'>尾頁</a></li>");
}
}
}
$("#page_list").append("<span id='goto-page'>到第</span><input id='selcet_page' value='"+page+"'/><span id='go-page'>頁</span>");
$("#page_list").append("<button type='button' id='change_page'>確定</button>");
}
}
}
//跳轉的到某一頁
$(document).on("click","#change_page",function(){
var page_num=$("#selcet_page").val();
page_num=parseInt(page_num);//將字符串轉換為整形
 //go_text=page_num;
 //alert(page_num);
if(page_num>page_all){
/*$('.success_message').show();
 $("#message_info").html('頁碼超出范圍，請輸入正確頁碼'); */
alert('頁碼超出范圍，請輸入正確頁碼');
return false;
}
if((/^(\+|-)?\d+$/.test( page_num ))&&page_num>0){ 
location.href=IFRAME_SRC+"/p/"+page_num;
}else{ 
/* $('.success_message').show();
 $("#message_info").html('非法頁碼，請輸入正確頁碼');*/
 /*alert('非法頁碼，請輸入正確頁碼');*/
layer.msg("非法頁碼，請重新輸入",{time: 2000});
return false;
}
//$("#selcet_page").html(go_text);
});
//獲取url參數
function GetRequest() {
var url=location.href; //獲取整個url
var theRequest=new Object();
if (url.indexOf("/") !=-1) {
var str=url.substr(7);
strs=str.split("/");
for(var i=0; i < strs.length; i ++) {
if(i==0){
}else{
theRequest[strs[i]]=decodeURIComponent(strs[i+1]);
i=i+1;
}
}
}
return theRequest;
}
//輸入框只能輸入數字
$(function(){
var bind_name='input';
if (navigator.userAgent.indexOf("MSIE") !=-1) {
//ie情況下特殊處理
bind_name='propertychange';
}
$('#selcet_page').bind(bind_name,function(){
var value=$("#selcet_page").val();
if((/^(\+|-)?\d+$/.test( value ))&&value>0&&value<(page_all+1))
{
}
else{
$("#selcet_page").val("");
return false;
}
});
})HTML代碼：<section class="page mt30 mb30">{php}if(isset($count)){{/php}<div id="page_count" style="display:none;">{$count}</div> <div class="dataTables_paginate paging_simple_numbers col-xs-12 marbtm10" id="example_paginate"> <ul class="pagination" id="page_list"> </ul> </div>{php}}{/php}</section>CSS代碼：#example_paginate{display: inline-block}.pagination>li{ display: inline-block;margin-right: 10px;padding: 5px 10px;cursor: pointer}.pagination>li>a{color: #fff}.pagination>li.active,.pagination>li:hover,#example_next:hover,#example_previous:hover{ background: #fdc74a;}#change_page:hover{background-color:#f26c1d;cursor: pointer}#selcet_page{ background: #fff;padding: 4px 10px;width: 4em;text-align: center;}#example_next,#example_previous{background: #fff}#example_next>a,#example_previous>a{color: #ff9530}#example_next:hover>a,#change_page:hover>a{color: #fff}#change_page{ background-color: #fdc74a;padding: 4px 10px;color: #fff;height: 29px;display: inline-block;margin-left: 10px;}#goto-page{padding-right: 5px;color: #fff;}#go-page{padding-left: 5px;color: #fff;}.shownum{color: #fff;margin-right: 20px;}.shownum>a{padding: 4px 10px;margin-right: 5px}
          過本案例的學習，對于入門級的讀者來說是個不錯的學習體驗，對于有基礎的讀者可以開拓思路。案例效果如下：
          案例制作的思路是先將主頁面制作好，然后以另存為的方法制作其他3個分頁。其中，通過對類（.white）的靜態傳遞，實現導航超鏈接背景色的改變。
          首頁index.html的代碼如下：
          <!DOCTYPE html>
          <html>
           <head>
           <meta charset="UTF-8">
           <title></title>
           <link rel="stylesheet" type="text/css" href="css/b5.css"/>
           </head>
           <body>
           <div class="nav">
           <ul>
           <li class="white"><a href="tab1.html">首頁</a></li>
           <li><a href="news.html">新聞</a></li>
           <li><a href="sport.html">體育</a></li>
           <li><a href="music.html">音樂</a></li>
           </ul>
           </div>
           <div class="nav-cont">
           <img src="images/pic1.jpg"/>
           </div>
           </body>
          </html>
          分頁news.html的代碼如下，其他分頁類似。
          <!DOCTYPE html>
          <html>
           <head>
           <meta charset="UTF-8">
           <title></title>
           <link rel="stylesheet" type="text/css" href="css/b5.css"/>
           </head>
           <body>
           <div class="nav">
           <ul>
           <li><a href="tab1.html">首頁</a></li>
           <li class="white"><a href="news.html">新聞</a></li>
           <li><a href="sport.html">體育</a></li>
           <li><a href="music.html">音樂</a></li>
           </ul>
           </div>
           <div class="nav-cont">
           <img src="images/pic2.jpg"/>
           </div>
           </body>
          </html>
          外部樣式文件b5.css的代碼如下：
          @charset "utf-8";
          *{
          margin:0px;
          padding:0px;
          }
          body{
          font-size:14px;
          }
          ul{
          list-style-type:none;
          }
          .nav{
          width:800px;
          height:30px;
          margin: 30pxauto 0px auto;
          border-bottom:solid 1px #09f;
          }
          .nav ul li{
          float:left;
          width:70px;
          margin: 0px 5px 0px 0px;
          }
          .nav ul li a{
          display: block;
          height:30px;
          color:#333;
          text-decoration: none;
          border-top:solid 1px #09f;
          border-left:solid 1px #09f;
          border-right:solid 1px #09f;
          text-align: center;
          line-height:30px;
          background:#8cd4fd;
          }
          .nav .white a{
          background:#fff;
          }
          .nav-cont{
          width:768px;
          height:200px;
          margin: 0px auto;
          border-bottom:solid 1px #09f;
          border-left:solid 1px #09f;
          border-right:solid 1px #09f;
          padding:10px 15px;
          }
          至此，案例制作完成。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
三上悠亚国产精品一区|
一区二区三区免费在线视频|
国产成人一区二区三区精品久久|
日本精品一区二区久久久|
3d动漫精品一区视频在线观看|
日本一区二区三区在线视频
|
亚洲A∨精品一区二区三区下载|
国产伦精品一区二区三区在线观看|
亚洲国产日韩一区高清在线
|
狠狠做深爱婷婷综合一区|
九九无码人妻一区二区三区
|
国产在线视频一区二区三区|
精品无人区一区二区三区在线|
无码少妇一区二区|
三上悠亚精品一区二区久久|
一区二区三区久久精品|
国产成人精品亚洲一区
|
无码人妻啪啪一区二区|
亚拍精品一区二区三区|
亚洲AV无码一区东京热|
中文字幕aⅴ人妻一区二区|
国产精品一区二区av不卡|
亚洲午夜日韩高清一区|
国产成人精品久久一区二区三区av|
精品国产一区二区麻豆|
在线一区二区三区|
国产伦精品一区二区三区无广告
|
日韩精品一区二区三区视频|
色综合一区二区三区|
久久精品国产一区二区三区不卡
|
亚洲一区二区在线免费观看|
久久综合精品不卡一区二区
|
国产AV一区二区三区无码野战|
国产午夜精品免费一区二区三区|
久久精品国产第一区二区|
国产精品美女一区二区视频|
久久精品国产第一区二区三区|
激情亚洲一区国产精品|
国产精品熟女视频一区二区|
国产一区二区精品久久凹凸|
久久一区二区精品综合|