文字連結的效果 - TextLinkRollover
TextLinkRollover 這個插件會在你的網頁中插入CSS樣式表代碼,來自訂的超連結的樣式。
安裝了此插件後,可以在常用面板中找到它
這個插件可以設定在每一個頁面,若你想要每個頁面的連結樣式都相同,那麼可以在使用完這個插件後,將它所生成的CSS樣式表代碼複製起來,另外做一個 link.css 的檔案來提供給其他的頁面呼叫,那麼就可以把網頁的檔案減小,以利網路傳輸的速度。接下來我們來看看這個插件所提供的設定吧!
首先要設定的是On MouseOver的選項,這一項是指當滑鼠移到這個文字連結的地方時,連結的變換動作為何?
Font Color 是顏色,顏色後面有三種效果可選,分別是No Underline(無底線)、Underline(有底線)、Overline(上底線)。
Background 是文字的底色。
Cursor 是指滑鼠指標的狀態,分別是:Arrow(箭頭指標)、Hand(手型指標)、Help(幫助指標)、Right-Arrow(右箭頭指標)、Left-Arrow(左箭頭指標)、Up-Arrow(上箭頭指標)、Down-Arrow(下箭頭指標)
On MouseOut 是指滑鼠指標從文字的連結移走時,連結的變換動作為何?
而這一項的設定值與 On MouseOver 的設定內容一樣,只是少了 Cursor 選項,所以這一項的設定值就不再介紹了。
第三項是 Visited Link,是指當這個連結有被點過後,或是以前有訪問過的連結,連結的變換動作為何?
而這一項的設定值與 On MouseOver 的設定大同小異,少了 Cursor 選項,但是在Font Color 後面的效果有多了一項 Strike Through,這一項在文字中間畫上一條刪除線。
插件下載