在一些推薦網(wǎng)站頁面中,經(jīng)??吹酵扑]內(nèi)容被切換顯示。實(shí)現(xiàn)的原則是在后臺定期切換發(fā)布的內(nèi)容。今天主要講一下用Jquery實(shí)現(xiàn)列表的分頁顯示效果。這個列表由九條數(shù)據(jù)組成。假設(shè)初始化時,我們不顯示所有數(shù)據(jù),而是分三次顯示。當(dāng)您每次單擊“更改批次”按鈕時,不同的數(shù)據(jù)效果將顯示如下:
單擊“更改批次”后的效果:
代碼如下:
html:
css:
js:
從上面的代碼可以看出,實(shí)現(xiàn)非常簡單,比如如何控制超出顯示數(shù)據(jù)的數(shù)據(jù)由css直接處理,直接使用jq的slice方法!
如果有什么比較好的實(shí)現(xiàn)方法,請?zhí)岢鰜矸窒韣 ~
1.《jquery分頁 Jquery實(shí)現(xiàn)列表分頁顯示效果》援引自互聯(lián)網(wǎng),旨在傳遞更多網(wǎng)絡(luò)信息知識,僅代表作者本人觀點(diǎn),與本網(wǎng)站無關(guān),侵刪請聯(lián)系頁腳下方聯(lián)系方式。
2.《jquery分頁 Jquery實(shí)現(xiàn)列表分頁顯示效果》僅供讀者參考,本網(wǎng)站未對該內(nèi)容進(jìn)行證實(shí),對其原創(chuàng)性、真實(shí)性、完整性、及時性不作任何保證。
3.文章轉(zhuǎn)載時請保留本站內(nèi)容來源地址,http://f99ss.com/jiaoyu/1230966.html