摘要:用分布函數(shù)來制作分頁鏈接,可以省下很多代碼流量呢看看跳轉到頁之后只要這么引用它就好了
用JavaScript分布函數(shù)來制作分頁鏈接,可以省下很多html代碼流量呢!看看
(function($){ $.fn.pagination=function(pagecount,page,surl){ var $box=$(this).empty();var shtml="" if(pagecount<=1){$box.css({"height":4,"padding":0});return $box;} //$box.css({"padding":"6px 0 6px 6px","height":"20px"}); if(page==1)shtml+="«";else shtml+="«"; if(pagecount<11){for(var i=1;i<=pagecount;i++){if(i==page)shtml+=""+i+"";else shtml+=""+i+"";}} else{if(page<=10){for(var i=1;i<=10;i++){if(i==page)shtml+=""+i+"";else shtml+=""+i+"";}}else if(pagecount-page<10){for(var i=pagecount-9;i<=pagecount;i++){if(i==page)shtml+=""+i+"";else shtml+=""+i+"";}}else{for(var i=page-5;i"+i+"";else shtml+=""+i+"";}}} if(page==pagecount)shtml+="»";else shtml+="»"; if(pagecount>10){shtml+="跳轉到 ";shtml+=""; shtml+=" 頁"; } $box.html(shtml).find("input").change(function(){var p=$(this).val();window.location.href=surl.replace("$",p);}); return $box; } })(jQuery);
之后只要這么引用它就好了:$(function(){$("#page").pagination(100,1,"aaa.htm?page=$")})
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://m.hztianpu.com/yun/78030.html
摘要:并不是所有人寫的代碼或者插件都適合小白使用,比如這是一個的滾動插件,大多數(shù)人使用了之后發(fā)現(xiàn)滾動不了,去作者提,其實是他們并不懂滾動的原理。 最近在這里看了一篇關于面試的文章《回顧自己三次失敗的面試經(jīng)歷》,作者三次倒在了輪播圖上。囧,所以我也寫個輪播圖看看。這次是用jQuery寫的,因為最近一直在研究jQuery插件的寫法,所以用jQuery寫的,而且我發(fā)現(xiàn),我vue用太多,完全不熟悉d...
摘要:歷程啟動于年月日不曾想這一堅持已經(jīng)多天了。每個午飯后晚飯前。期間對的認知與實踐提升明顯,并沉淀下名為的類庫。每次發(fā)布前的,成為一種風險把控。在此之前從沒有如此的認同單元測試,也相信這終將會成為一種大家都遵守的契約。 GridManager歷程 GridManager 啟動于2015年02月10日, 不曾想這一堅持已經(jīng)1200多天了??傁霝榇擞涗浶┦裁?,但一直未曾動手。午飯后,公司很安靜...
摘要:但是這個插件本身還是挺不錯的,對于報表的支持比較好。下面應該寫服務端了,這呢隨機獲取表格數(shù)據(jù)表格數(shù)據(jù)以格式返回,返回大概就是這樣了。 前言 覺得Datatables的中文文檔寫的太差勁了,開發(fā)手冊和文檔都是很不友好,demo也不夠完善,不適合直接想使用的人來看, 需要用過一段時間之后再來看可能才會有柳暗花明的發(fā)現(xiàn),不然就有點不明所以的感覺。但是這個插件本身還是挺不錯的,對于報表的支持比...
摘要:但是這個插件本身還是挺不錯的,對于報表的支持比較好。下面應該寫服務端了,這呢隨機獲取表格數(shù)據(jù)表格數(shù)據(jù)以格式返回,返回大概就是這樣了。 前言 覺得Datatables的中文文檔寫的太差勁了,開發(fā)手冊和文檔都是很不友好,demo也不夠完善,不適合直接想使用的人來看, 需要用過一段時間之后再來看可能才會有柳暗花明的發(fā)現(xiàn),不然就有點不明所以的感覺。但是這個插件本身還是挺不錯的,對于報表的支持比...
摘要:我拖拖拖拖放基礎篇前端掘金不要搞錯,本文不是講如何拖地的。結構說明前端應該從哪些方面來優(yōu)化網(wǎng)站前端掘金不知道是哪位大牛的文章,轉過來回答。 我拖拖拖 --H5 拖放 API 基礎篇 - 前端 - 掘金不要搞錯,本文不是講如何拖地的??催^《javascript精粹》朋友應該知道,他實現(xiàn)拖放的過程比較復雜,現(xiàn)在時代不同了,我們用H5的新的拖放API就能非常方便的實現(xiàn)拖放效果了。最近在園子見...
閱讀 719·2021-11-11 16:55
閱讀 2248·2021-11-11 16:55
閱讀 2049·2021-11-11 16:55
閱讀 2417·2021-10-25 09:46
閱讀 1689·2021-09-22 15:20
閱讀 2447·2021-09-10 10:51
閱讀 1794·2021-08-25 09:38
閱讀 2700·2019-08-30 12:48