星期一, 9月 12, 2011

自動移除點選超連結圖片或文字後,網頁所遺留醜醜的虛線外框!

有網友問起一個問題,是說當我們在網頁上點選超連結的圖片或文字後,有些網頁會遺留醜醜的虛線外框,如下二圖所示:


要解決這個問題,除了使用網頁編輯器的功能(如 Dreamweaver 這一類 Editors)可以設定自動移除外,不使用這類 Editors 的使用者,有個簡易的方法,即可移除點選超連結時所產生的虛線外框。

〔Code 語法〕
在你的 Source File (網頁原始檔) 中,在任一個超連結敍述中加入以下語法,即可移除 "虛線外框":
onFocus="if(this.blur)this.blur()"


應用語法參考範例:
<a style="display:scroll;position:fixed;bottom:0px;right:5px;" href="#" title="" onFocus="if(this.blur)this.blur()">
<img alt='' border='0' onmouseover="this.src='圖片網址'" src="圖片網址" onmouseout="this.src='圖片網址'" /></a>


希望這個應用語法有助您解決這個醜醜的網頁虛線外框問題喔。     ^_^

意見 (請選取留言身分,可匿名)  『私密留言』請點我