링크 점선 안보이게

링크포커스 rinkfocus

쉽게 개념을 설명하자면 링크영역을 점선으로 나타내주는 기술입니다.
이미지나 또는 폰트등 링크가 되있는 부분에 나타나죠.
디자인적인 면에서 없는편이 좋을 때가 많습니다.

이것을 없애주는 방법은 다양합니다.

 

1.특정링크만 없애주는 방법
이방법은 하나또는 그이상 원하는 부분만 링크포커스를 없애주는 방법입니다.

해당되는 A태그에 온포커스  onfocus='this.blur()'  이문장을 삽입하시면 됩니다.

예)
일반링크 표현
<a href="#">바로가기</a>

온포커스 사입
<a href="#" onfocus='this.blur()'>바로가기</a>

이런식으로 사용하실수 있습니다.

 

2.스타일 시트를 사용한 방법

이방법은 윗방법처럼 하나하나 감추지 않고 사용되는 전체문서에 통일적용하시고 싶으실때 유용하게 
사용하실수 있습니다.

스타일시트에 아래소스를 삽입하시면 됩니다.

일반 링크포커스 감추기 : a {selector-dummy: expression(this.hideFocus=true);}
+이미지맵 링크포커스 감추기 : a,img {selector-dummy: expression(this.hideFocus=true);}
+input 버튼 링크포커스 감추기 : a,img,input{selector-dummy: expression(this.hideFocus=true);}

 

3.자바스크립트를 사용한 방법

스크립트를 이용한 방법은 제가 눈여거 본것만으로도 좀 있는거 같은데.. 버디에 이벤트를 발생시키거나
또는 코딩또는 프로그래밍 할 때 영향을 미칠수 일을법한거 같아 제가 쓰는건 아래소스 입니다.

<script language="javascript">
<!--
function allblur() {
for (i = 0; i < document.links.length; i++)
document.links[i].onfocus = document.links[i].blur;
}
//-->
</script>

2009.07.22