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

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

 

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

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

來源:www.html5tricks.com

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

css3-responsive-paging

在線演示源碼下載

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

 

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

 

css3-paging-with-bar

在線演示源碼下載

 

日歷

鏈接

個(gè)人資料

存檔