learningjquery.com博客帖子列表的左邊有一個很酷的日期,如圖:

從圖中我們看到,“2009”垂直排列在右側。用firebug查看元素,文本“2009”出現在html結構之中,本文介紹實現這種效果的兩種方法。
一、利用sprite技術來實現
其實現過程已有chris coyier 在《date display technique with sprites》一文中作了詳細介紹,這里把其實現過程作一個簡單的描述。很顯然,我們不希望每一個日期用一張單獨的圖片,因此,將其整合到一張圖片之上,安排年、月、日在圖片的不同區域,如圖:

1、html
頁面中html結構如下:
新聞熱點
疑難解答