Dreamweaver 外掛 – 移除超連結所產生的虛線外框

當我們在網頁上點選超連結的文字或圖片時都會產生虛線外框,如下圖所示:

Dreamweaver 網頁設計  - Dreamweaver 外掛 - 移除超連結所產生的虛線外框 - scrubber_01

解決方法有兩種,一是使用 JavaScript 語法,二是使用 CSS 語法,說明如下:

 


使用 JavaScript 語法

只要在每一個超連結語法中加入以下語法,就可以移除超連結所產生的虛線外框:

onFocus="if(this.blur)this.blur()"

 

範例如下:

<p><a onfocus="if(this.blur)this.blur()" href="http://www.flycan.com.tw">飛肯飛肯</a></p>
<p><a onfocus="if(this.blur)this.blur()" href="http://www.flycan.com.tw/course/course.php">最新教學</a></p>

 

如果您對網頁語法不熟悉,可直接下載使用以下 Dreamweaver 外掛程式,在 Dreamweaver 內使用就會自動幫我們網頁上的所有起連結都加入移除超連結虛線外框的語法,很方更喔!

下載網址: http://www.flycan.com/deux2/extensions/MX17461_scrubber.mxp

 


使用 CSS 語法

a{ outline:none; }

 

感覺上,使用 CSS 語法好像比較簡單對不對,我也是喜歡使用 CSS 語法 :p

by
姜智豪
老師

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in Dreamweaver 網頁設計 and tagged , , .

留言功能已關閉。