欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實(shí)現(xiàn)當(dāng)前頁居中分頁效果的方法

 更新時間:2015年06月18日 09:17:18   作者:瘋狂的流浪  
這篇文章主要介紹了JS實(shí)現(xiàn)當(dāng)前頁居中分頁效果的方法,涉及javascript操作頁面元素與樣式的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)當(dāng)前頁居中分頁效果的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:

function show_page(cur_pc)
{
  var cp=cur_pc;  //curent page count
  var tp=this.p;  //total page count
  var sp=this.pc;  //show page count
  var bp;      //begin page count
  var ep;      //end page count
  if(sp%2==0) sp=sp+1;   //this process need an odd number
  var dp=Math.floor(sp/2); //each side count to show
  var dif=tp-sp;  //check weather it have enough page to make mid-show
  var f=cp-dp;   //to check weather it has enough page to make mid-show from the begin
  var g=tp-(cp+dp); //to check weather it has enough page to make mid-show from the end
  if(sp && dif>=0)
  {
    if(g>0)
    {
      if(f>0)
      { 
        bp=f; 
        ep=cp+dp; 
      }
      else
      { 
        bp=1; 
        ep=2*dp+1; 
      }
    }
    else
    { 
      bp=tp-2*dp; 
      ep=tp; 
    }  
  }
  else
  { 
    bp=1; 
    ep=tp; 
  }
  var buf=[];
  for(var i=bp;i<=ep;i++)
  {
    if(i==cur_pc)
    {
      buf.push("<a href='javascript:;' class='current'>",i,"</a>");
    }
    else
    {
      buf.push("<a href='javascript:;' class='normal'>",i,"</a>");
    }
  }
  document.write(buf);
}

運(yùn)行效果如下圖所示:

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

  • js 排序動畫模擬 冒泡排序

    js 排序動畫模擬 冒泡排序

    在js中,想讓線程sleep一下確實(shí)不是一件簡單的事情,過多的使用定時器或者回調(diào)函數(shù),會讓復(fù)雜,凌亂,這時,可以考慮能否使用隊(duì)列來做一些簡
    2012-07-07
  • 微信小程序?qū)崿F(xiàn)批量倒計時功能

    微信小程序?qū)崿F(xiàn)批量倒計時功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)批量倒計時功能,適用于商品列表倒計時,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-06-06
  • JavaScript中判斷函數(shù)是new還是()調(diào)用的區(qū)別說明

    JavaScript中判斷函數(shù)是new還是()調(diào)用的區(qū)別說明

    具名函數(shù)的各種調(diào)用方式 在之前篇幅中已經(jīng)介紹過了。這篇看看如何判斷一個函數(shù)是被new調(diào)用的,還是被其它方式調(diào)用的。
    2011-04-04
  • 你不知道的 javascript【推薦】

    你不知道的 javascript【推薦】

    本文介紹了javascript中你所不知道的相關(guān)知識。具有一定的參考價值,下面跟著小編一起來看下吧
    2017-01-01
  • 微信小程序獲取用戶頭像昵稱組件封裝實(shí)例(最新版)

    微信小程序獲取用戶頭像昵稱組件封裝實(shí)例(最新版)

    我們在進(jìn)行小程序開發(fā)的時候,往往需要獲取微信用戶的部分個人信息,常見的有用戶頭像,昵稱等,下面這篇文章主要給大家介紹了關(guān)于微信小程序獲取用戶頭像昵稱組件封裝的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • js之如何篩選出兩個數(shù)組相同的值

    js之如何篩選出兩個數(shù)組相同的值

    這篇文章主要介紹了js之如何篩選出兩個數(shù)組相同的值問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-06-06
  • bootstarp modal框居中顯示的實(shí)現(xiàn)代碼

    bootstarp modal框居中顯示的實(shí)現(xiàn)代碼

    這篇文章主要介紹了bootstarp modal框居中顯示的實(shí)現(xiàn)代碼,需要的朋友可以參考下
    2017-02-02
  • 學(xué)習(xí)JavaScript設(shè)計模式(單例模式)

    學(xué)習(xí)JavaScript設(shè)計模式(單例模式)

    這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計模式,其中重點(diǎn)介紹單例模式,舉例說明單例模式的技術(shù)、弊端等,對單例模式進(jìn)行詳細(xì)剖析,感興趣的小伙伴們可以參考一下
    2015-11-11
  • JavaScript仿京東放大鏡特效

    JavaScript仿京東放大鏡特效

    這篇文章主要為大家詳細(xì)介紹了JavaScript仿京東放大鏡特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • js實(shí)現(xiàn)圖片緩慢放大縮小效果

    js實(shí)現(xiàn)圖片緩慢放大縮小效果

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片緩慢放大縮小效果的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-08-08

最新評論