주 메뉴
보조 메뉴
최근 댓글
링크 점선 일괄 없애기
2003.06.27 19:13
onfocus="this.blur();"
이라는것은 원래 html 페이지의 링크를 누르면..
링크 옆에 점선이 생기는데 그걸 생기지 않게 해주는 방법 이거든요.
html 페이지내에 링크가 굉장히 많을때는.. 귀찮아 지죠..
그래서 head 에 한번만 넣으면 자동으로 해주는 자바스크립트 소스를 소개하겠습니다.
------------ 소스 시작 ----------------
<html>
<head>
<script>
function initblur(){
var maxLinks;
var blurthis;
var i;
maxLinks = document.links.length; // 페이지내의 전체 링크 갯수계산;
blurthis = new Function("this.blur();"); // this.blur(); 펑션 만들기
for (i=0;i<maxLinks;i++)
document.links[i].onfocus=blurthis; // 페이지내의 링크를 차례로 카운트하면서 위에서 만들었던 this.blur() 가 들은 펑션을 연결 시키기.
}
onload=initblur; // html 로딩이 다 끝난다음 호출
</script>
</head>
<body>
<a href="http://cranix.net">cranix</a><br>
<a href="http://mysinsun.net">mysinsun</a>
</body>
</html>
--------------------------------------------------
위에
<script> ~~~ </script>
이부분만 복사해서 넣어놓으시면 될껍니다..^^;
이라는것은 원래 html 페이지의 링크를 누르면..
링크 옆에 점선이 생기는데 그걸 생기지 않게 해주는 방법 이거든요.
html 페이지내에 링크가 굉장히 많을때는.. 귀찮아 지죠..
그래서 head 에 한번만 넣으면 자동으로 해주는 자바스크립트 소스를 소개하겠습니다.
------------ 소스 시작 ----------------
<html>
<head>
<script>
function initblur(){
var maxLinks;
var blurthis;
var i;
maxLinks = document.links.length; // 페이지내의 전체 링크 갯수계산;
blurthis = new Function("this.blur();"); // this.blur(); 펑션 만들기
for (i=0;i<maxLinks;i++)
document.links[i].onfocus=blurthis; // 페이지내의 링크를 차례로 카운트하면서 위에서 만들었던 this.blur() 가 들은 펑션을 연결 시키기.
}
onload=initblur; // html 로딩이 다 끝난다음 호출
</script>
</head>
<body>
<a href="http://cranix.net">cranix</a><br>
<a href="http://mysinsun.net">mysinsun</a>
</body>
</html>
--------------------------------------------------
위에
<script> ~~~ </script>
이부분만 복사해서 넣어놓으시면 될껍니다..^^;
댓글 0
