事實上,采用CSS樣式實現這個效果比較簡單。
先看一下常用設置:
a:link 超鏈接的普通樣式
a:visited 點擊過的
a:hover 鼠標經過時的
a:active 單擊時
a:link{text-decoration:none;} 無下劃線
a:link{text-decoration:underline;} 有下劃線
為了實現不同鏈接不同效果,我們要為不同效果的那個鏈接專門定義一個CSS規則。
比如:
我們常規CSS是這樣的:
a:link{color:#ff0000}
那麼網頁上所有鏈接的顏色都是:#ff0000。
現在我們改一下:
a:link{color:#ff0000}
.line1 a:link{color:#000000}
同時,在要改變顏色的鏈接前加上CSS定義,像這樣:<span class=line1><a href="/">不同顏色的超鏈接</a></span>,這樣的話,這個鏈接的顏色就改變了。
Over~~