html5動(dòng)效系列二十五:純CSS3響應(yīng)式分頁(yè)插件

2015-5-29    藍(lán)藍(lán)設(shè)計(jì)的小編

 

藍(lán)藍(lán)設(shè)計(jì)m.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源:www.html5tricks.com

這次我們要來(lái)看一款純CSS3實(shí)現(xiàn)的響應(yīng)式分頁(yè)插件,對(duì)于分頁(yè)插件,之前我們也分享過(guò)一些,都是基于jQuery分頁(yè)插件。這款CSS3分頁(yè)插件可以完全自定義分頁(yè)條的樣式,包括鼠標(biāo)滑過(guò)時(shí)的背景顏色、頁(yè)碼的數(shù)量以及前后翻頁(yè)的按鈕。

css3-responsive-paging

在線演示源碼下載

2 .jQuery/CSS3可拖動(dòng)分頁(yè)插件 分頁(yè)功能很強(qiáng)大

 

有具有滑動(dòng)條,可以拖動(dòng)滑動(dòng)條快速跳轉(zhuǎn)到任意頁(yè)面,另外你也可以點(diǎn)擊翻頁(yè)圖標(biāo)來(lái)實(shí)現(xiàn)翻頁(yè),非常方便和實(shí)用。

 

css3-paging-with-bar

在線演示源碼下載

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔