野鷹部落

知識是靠經驗的累積‧經驗是靠問題的發生‧問題是來自使用者 

« [密] 製作不一樣的表格線 - TableLines 2.0百萬小學堂(首播) - 2008.10.03 »

[密] 文字連結的效果 - TextLinkRollover

文字連結的效果 - 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,這一項在文字中間畫上一條刪除線。

插件下載

以下為加密内容,請輸入密碼後查看。

  • 相關文章:

發表評論:

◎歡迎參與討論,請在這裡發表您的看法、交流您的觀點。

網站分類

 

最近發表

最新評論及回覆

文章歸檔

Search

Powered By Z-Blog 1.8 Arwen Build 81206 Designed by Han'space

Copyright © 2009 by YCY. Some Rights Reserved. 回到頁面頂部