這個教程也包含有實現(xiàn)Flickr、Digg式的簡潔分頁樣式的HTML/CSS代碼，隨時可以應用于你的WEB項目中。

Update as March 17, 2008: My friends Simone Saveri solved some issuse with IE6 and IE7.

 Download this tutorial (original)

 Download this tutorial (Simone Saveri version)


典型的分頁結(jié)構(gòu)
下圖顯示的是一個典型分頁結(jié)構(gòu)

 

一般你可以看出有四個主要元素：

          -前一頁/后一頁 按鈕（不可用）
          -當前頁
          -標準的頁面選擇器
          -前一頁/后一頁 按鈕（可用）

你可以使用包含<li>標簽（每個<li>均單獨對應一個分頁元素）的HTML列表 (<ul>) 來設計這樣的結(jié)構(gòu)，并分配一個ID給<ul>列表以便為當前列表應用具體的分頁樣式。看看下面這些教程以作說明。

Flickr式的分頁：HTML 代碼
想象你要設計的Flickr式分頁樣式就像下面這樣：

HTML代碼很簡單，而且你只需更改<ul>的ID就可以重復應用這個結(jié)構(gòu)于所有分頁樣式中（在這個案例中我增加了“pagination-flickr”，如下面加粗的代碼）

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表