最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時(shí)間: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è)計(jì)有所幫助。

相關(guān)文章

  • JavaScript 高效運(yùn)行代碼分析

    JavaScript 高效運(yùn)行代碼分析

    傳統(tǒng)上,網(wǎng)頁中不會(huì)有大量的腳本,至少腳本很少會(huì)影響網(wǎng)頁的性能。
    2010-03-03
  • 原生javascript模仿win8等待提示圓圈進(jìn)度條

    原生javascript模仿win8等待提示圓圈進(jìn)度條

    一直很中意win8等待提示圓圈進(jìn)度條,下面本文就使用原生javascript模仿win8等待進(jìn)度條,需要的朋友可以參考下
    2014-04-04
  • JavaScript模擬重力狀態(tài)下拋物運(yùn)動(dòng)的方法

    JavaScript模擬重力狀態(tài)下拋物運(yùn)動(dòng)的方法

    這篇文章主要介紹了JavaScript模擬重力狀態(tài)下拋物運(yùn)動(dòng)的方法,實(shí)例分析了javascript操作dom元素模擬運(yùn)動(dòng)的方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03
  • 很酷的javascript loading效果代碼

    很酷的javascript loading效果代碼

    很不錯(cuò)的loading效果代碼,方便學(xué)習(xí)loading的朋友測試與學(xué)習(xí)
    2008-06-06
  • select多選 multiple的使用示例

    select多選 multiple的使用示例

    使用multiple可以實(shí)現(xiàn)select多選,本例將為大家介紹下select多選 multiple的使用,新手朋友們可以學(xué)習(xí)下
    2014-06-06
  • Webpack執(zhí)行命令參數(shù)詳解

    Webpack執(zhí)行命令參數(shù)詳解

    本篇文章主要介紹了Webpack執(zhí)行命令參數(shù)詳解 ,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-06-06
  • Javascript 頁面模板化很多人沒有使用過的方法

    Javascript 頁面模板化很多人沒有使用過的方法

    今天遇到一個(gè)問題,這個(gè)問題也是我以前遇到的問題,以前的方式,也是大多數(shù)人使用的方式。大家可以看看我的文章
    2012-06-06
  • javascript動(dòng)態(tài)加載三

    javascript動(dòng)態(tài)加載三

    首先是通過同步策略來實(shí)現(xiàn)模塊加載與回調(diào)函數(shù)之間進(jìn)行分離,接著是通過異步策略來實(shí)現(xiàn)模塊加載與回調(diào)函數(shù)之間進(jìn)行分離
    2012-08-08
  • javascript操作cookie_獲取與修改代碼

    javascript操作cookie_獲取與修改代碼

    javascript操作cookie_獲取與修改代碼,跟以前的方法有所進(jìn)步,者使用類的方法。
    2009-05-05
  • Javascript中this關(guān)鍵字指向問題的測試與詳解

    Javascript中this關(guān)鍵字指向問題的測試與詳解

    this是Javascript中一個(gè)非常容易理解錯(cuò),進(jìn)而用錯(cuò)的特性。所以下面這篇文章主要給大家介紹了關(guān)于Javascript中this關(guān)鍵字指向問題的相關(guān)資料,文中通過測試的題目考驗(yàn)大家對this的熟悉程度,需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-08-08

最新評論

黄大仙区| 如皋市| 镇江市| 化隆| 卓资县| 山阴县| 迁安市| 平远县| 固始县| 衡东县| 宜州市| 鸡泽县| 四子王旗| 江北区| 靖江市| 郁南县| 廊坊市| 常山县| 包头市| 库伦旗| 石楼县| 苗栗县| 南和县| 思南县| 焦作市| 文安县| 都江堰市| 深水埗区| 张北县| 犍为县| 松原市| 高清| 陕西省| 抚远县| 庆阳市| 辉县市| 临泽县| 岗巴县| 松阳县| 台北县| 贵溪市|