웹이나 블로그에서 링크를 클릭시 점선으로 된 테두리가 생기는 현상이 나타납니다.
이런 현상은 외관상으로도 별로 보기 안좋습니다.
이 점선 테두리를 없에는 방법중에서도 일일이 링크마다 소스를 삽입하지 않고 한번에 제거할수 있는
스크립스 소스가 있네요.
위의 소스를 <head> 와 </head> 사이에 삽입하면 됩니다.
다른 방법은 style.css 에 소스를 아래의 태그를 추가하는 방법입니다.
<style> a {selector-dummy : expression(this.hideFocus=true);} </style>
위의 한줄 추가만을도 모든 링크에 생기는 테두리를 제거할수 있습니다.
이런 현상은 외관상으로도 별로 보기 안좋습니다.
이 점선 테두리를 없에는 방법중에서도 일일이 링크마다 소스를 삽입하지 않고 한번에 제거할수 있는
스크립스 소스가 있네요.
<script language="JavaScript">
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>
위의 소스를 <head> 와 </head> 사이에 삽입하면 됩니다.
다른 방법은 style.css 에 소스를 아래의 태그를 추가하는 방법입니다.
<style> a {selector-dummy : expression(this.hideFocus=true);} </style>
위의 한줄 추가만을도 모든 링크에 생기는 테두리를 제거할수 있습니다.
'프로그래밍 > 자바스크립트' 카테고리의 다른 글
| 테두리가 둥근 테이블 만들기 (0) | 2008/08/26 |
|---|---|
| 체크시 오늘 하루동안 새창 열지 않기 (0) | 2008/08/25 |
| 링크시 생기는 테두리 한번에 없에는 자바스크립트 (6) | 2008/08/22 |
| 웹사이트 및 블로그에 즐겨찾기추가 버튼 달기(파이어폭스,IE 작동) (1) | 2008/08/21 |
