該控制項的實現過程較為簡單，主要由test.html檔案和timeline.css檔案組成。具體**如下：
1、標題一label
>
class
='date'
>
t1span
>
class
='circle'
>
span
>
div>
class
='content'
>
>
長安元年（701年），李白，字太白。其生地今一般認為是唐劍南道綿州（巴西郡）昌隆（後避玄宗諱改為昌明）青蓮鄉。祖籍為甘肅天水。
其家世、家族皆不詳。據《新唐書》記載，李白為興聖皇帝（涼武昭王李暠）九世孫，按照這個說法李白與李唐諸王同宗，是唐太宗李世民的同輩族弟。
亦有說其祖是李建成或李元吉。
p>
>
src=
""/>
p>
div>
li>
class
='work'
>
class
='radio'
id='work2'
name
='works'
type
='radio'
>
class
="relative"
>
for=
'work2'
>
2、標題二label
>
class
='date'
>
t2span
>
class
='circle'
>
span
>
div>
class
='content'
>
>
神龍元年（705年）， 十一月，武則天去世。李白五歲。發蒙讀書始於是年。
《上安州裴長史書》雲:「五歲誦六甲。」六甲，唐代的小學識字課本，長史，州之次官。
p>
div>
li>
class
='work'
>
class
='radio'
id='work3'
name
='works'
type
='radio'
>
class
="relative"
>
for=
'work3'
>
3、標題三label
>
class
='date'
>
t3span
>
class
='circle'
>
span
>
div>
class
='content'
>
>
開元三年（715年），李白十五歲。
已有詩賦多首，並得到一些社會名流的推崇與獎掖，開始從事社會干謁活動。
亦開始接受道家思想的影響，好劍術，喜任俠。是年岑參生。
p>
div>
li>
class
='work'
>
class
='radio'
id='work4'
name
='works'
type
='radio'
>
class
="relative"
>
for=
'work4'
>
4、標題四label
>
class
='date'
>
t4span
>
class
='circle'
>
span
>
div>
class
='content'
>
>
開元六年（718年），李白十八歲。
隱居戴天大匡山（在今四川省江油市內）讀書。
往來於旁郡，先後出遊江油、劍閣、梓州（州治在今四川省境內）等地，增長了不少閱歷與見識。
p>
div>
li>
ul>
div>
body
>
html
>
#timediv
/* -------------------------------------
* timeline
* ------------------------------------- */
#timeline
#timeline li
#timeline p
.date
.circle
.content
.content:before, .content:after
.content:before
.content:after
.content p
label
.radio
.radio:checked + .relative label
.radio:checked + .relative .circle
.radio:checked ~ .content
.radio:checked ~ .content p
/* -------------------------------------
* mobile phones (vertical version only)
* ------------------------------------- */
@media screen and (
max-width
: 767px)
#timeline li
label
.content
.content:before, .content:after
.content:before
.content:after
.content p
.circle, .date
}【參考文獻】css3 timeline
CCS3製作時尚美觀的漸變按鈕
css3漸變 陰影按鈕 下面的展示了按鈕在不同瀏覽器中的顯示效果。css3按鈕在不同瀏覽器下的顯示效果 css3按鈕狀態 按鈕樣式 下面的 是.button類的一般樣式，padding和border radius使用em單位，可以使按鈕根據font size伸縮。要調整按鈕大小，改變border r...
一種基於有序序列mapjoin的方法
在解決資料傾斜問題時，我們經常會採用一種方式 mapjoin，按照hive的實現，mapjoin是將其中一張表在map的過程中載入到記憶體中，但是如果在join的表中，最小的表的資料量也不小的情況下。我們該怎麼辦呢？其中一種解決的方式是 將兩張表需要實現排序 直接用hadoop解決 如下，兩張表都是...
一種基於mget的資料持久辦法
專案中需要一部分資料常駐於redis中，但是要求資料冷卻下來之後自動掉出記憶體，所以使用了如下的方法 材料php，mget，sql 的 in 首先方法體開頭迴圈傳入的陣列引數list，拼接成redis中的key，存放於新陣列userlist中，然後呼叫mget userlist 獲得結果settin...