原生JavaScript實現前端翻頁外掛程式

2021-08-15 09:17:11 字數 657 閱讀 3735

之前做專案有遇到需要使用翻頁外掛程式,公司原來使用的是基於jquery和bootstrap擴充套件的外掛程式,依賴較多,後來自己就嘗試著用原生的js實現外掛程式效果,由於技術水平有限,花了一天多時間算是完工,但可能還有一些bug本人未完全測試出,一些**邏輯也有待改進,望諒解。

配置與使用說明:

var pagedom = document.getelementbyid("pagedom");

pagination.bindpageevent(pagedom, ,

total:100,  //*必填,資料總量

callback:function(index,size),  

countlist:[5,10,15,20],  //選填,列表查詢引數

defaultcount:10,  //選填,每頁顯示資料量,預設5

opencountselect:true,    //選填,開啟每頁顯示下拉選擇,預設開啟

openskip:true,  //選填,開啟頁面跳轉功能,預設開啟

openfl:true    //選填,開啟第一頁最後一頁按鈕,預設開啟

});

實際效果:

如果覺得好用請給個star,有意見或建議歡迎提出,謝謝!

原生javascript實現簡易年曆效果

js var calendarlist document.getelementbyid calendarlist var yearli document.getelementsbytagname li var contenttexts document.getelementbyid contentt...

Javascript原生動畫效果的實現

js框架越來越多,也越來越好用,如果了解了原生的js動畫的實現方式,能更好的有助於理解js框架。這裡介紹一種計時器。setinterval code,ms 週期性的執行一段 前乙個引數是週期執行的 後乙個是迴圈的週期,單位毫秒。clearinterval 清除計時器。利用計時器的迴圈,對元素的樣式進...

原生JavaScript實現貪吃蛇的遊戲

貪吃蛇遊戲的思考步驟 1.預設初始值 3個 預設向右走 2.封裝函式 move 去移動蛇 3.去監聽鍵盤的事件,看使用者的怎麼移動蛇 4.去判斷碰到牆就死亡,結束遊戲 5.去完成投放食物的封裝函式 6.去實現蛇的吃食物的函式 其實我們觸發鍵盤事件,我們是這麼處理的,這是一種比較簡單的想法。乙個div...