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

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

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

本文實(shí)例講述了JS實(shí)現(xiàn)當(dāng)前頁(yè)居中分頁(yè)效果的方法。分享給大家供大家參考。具體實(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)行效果如下圖所示:

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

相關(guān)文章

  • js 排序動(dòng)畫(huà)模擬 冒泡排序

    js 排序動(dòng)畫(huà)模擬 冒泡排序

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

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

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

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

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

    你不知道的 javascript【推薦】

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

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

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

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

    這篇文章主要介紹了js之如何篩選出兩個(gè)數(shù)組相同的值問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    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è)計(jì)模式(單例模式)

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

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

    JavaScript仿京東放大鏡特效

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

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

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

最新評(píng)論