摘要:用分布函數(shù)來(lái)制作分頁(yè)鏈接,可以省下很多代碼流量呢看看跳轉(zhuǎn)到頁(yè)之后只要這么引用它就好了
用JavaScript分布函數(shù)來(lái)制作分頁(yè)鏈接,可以省下很多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+="跳轉(zhuǎn)到 ";shtml+=""; shtml+=" 頁(yè)"; } $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=$")})
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/78030.html
摘要:并不是所有人寫的代碼或者插件都適合小白使用,比如這是一個(gè)的滾動(dòng)插件,大多數(shù)人使用了之后發(fā)現(xiàn)滾動(dòng)不了,去作者提,其實(shí)是他們并不懂滾動(dòng)的原理。 最近在這里看了一篇關(guān)于面試的文章《回顧自己三次失敗的面試經(jīng)歷》,作者三次倒在了輪播圖上。囧,所以我也寫個(gè)輪播圖看看。這次是用jQuery寫的,因?yàn)樽罱恢痹谘芯縥Query插件的寫法,所以用jQuery寫的,而且我發(fā)現(xiàn),我vue用太多,完全不熟悉d...
摘要:歷程啟動(dòng)于年月日不曾想這一堅(jiān)持已經(jīng)多天了。每個(gè)午飯后晚飯前。期間對(duì)的認(rèn)知與實(shí)踐提升明顯,并沉淀下名為的類庫(kù)。每次發(fā)布前的,成為一種風(fēng)險(xiǎn)把控。在此之前從沒(méi)有如此的認(rèn)同單元測(cè)試,也相信這終將會(huì)成為一種大家都遵守的契約。 GridManager歷程 GridManager 啟動(dòng)于2015年02月10日, 不曾想這一堅(jiān)持已經(jīng)1200多天了??傁霝榇擞涗浶┦裁?,但一直未曾動(dòng)手。午飯后,公司很安靜...
摘要:但是這個(gè)插件本身還是挺不錯(cuò)的,對(duì)于報(bào)表的支持比較好。下面應(yīng)該寫服務(wù)端了,這呢隨機(jī)獲取表格數(shù)據(jù)表格數(shù)據(jù)以格式返回,返回大概就是這樣了。 前言 覺(jué)得Datatables的中文文檔寫的太差勁了,開(kāi)發(fā)手冊(cè)和文檔都是很不友好,demo也不夠完善,不適合直接想使用的人來(lái)看, 需要用過(guò)一段時(shí)間之后再來(lái)看可能才會(huì)有柳暗花明的發(fā)現(xiàn),不然就有點(diǎn)不明所以的感覺(jué)。但是這個(gè)插件本身還是挺不錯(cuò)的,對(duì)于報(bào)表的支持比...
摘要:但是這個(gè)插件本身還是挺不錯(cuò)的,對(duì)于報(bào)表的支持比較好。下面應(yīng)該寫服務(wù)端了,這呢隨機(jī)獲取表格數(shù)據(jù)表格數(shù)據(jù)以格式返回,返回大概就是這樣了。 前言 覺(jué)得Datatables的中文文檔寫的太差勁了,開(kāi)發(fā)手冊(cè)和文檔都是很不友好,demo也不夠完善,不適合直接想使用的人來(lái)看, 需要用過(guò)一段時(shí)間之后再來(lái)看可能才會(huì)有柳暗花明的發(fā)現(xiàn),不然就有點(diǎn)不明所以的感覺(jué)。但是這個(gè)插件本身還是挺不錯(cuò)的,對(duì)于報(bào)表的支持比...
摘要:我拖拖拖拖放基礎(chǔ)篇前端掘金不要搞錯(cuò),本文不是講如何拖地的。結(jié)構(gòu)說(shuō)明前端應(yīng)該從哪些方面來(lái)優(yōu)化網(wǎng)站前端掘金不知道是哪位大牛的文章,轉(zhuǎn)過(guò)來(lái)回答。 我拖拖拖 --H5 拖放 API 基礎(chǔ)篇 - 前端 - 掘金不要搞錯(cuò),本文不是講如何拖地的??催^(guò)《javascript精粹》朋友應(yīng)該知道,他實(shí)現(xiàn)拖放的過(guò)程比較復(fù)雜,現(xiàn)在時(shí)代不同了,我們用H5的新的拖放API就能非常方便的實(shí)現(xiàn)拖放效果了。最近在園子見(jiàn)...
閱讀 659·2021-11-11 16:55
閱讀 2164·2021-11-11 16:55
閱讀 1956·2021-11-11 16:55
閱讀 2347·2021-10-25 09:46
閱讀 1608·2021-09-22 15:20
閱讀 2291·2021-09-10 10:51
閱讀 1711·2021-08-25 09:38
閱讀 2623·2019-08-30 12:48