뽀라닷컴
Loading...




웹디자인,포토샵,그누보드,제로보드,동영상제작 관련 메모 >>


전체(437)인터넷,컴퓨터 (94) | 웹디자인tip (182) | CG,그래픽tip (70) | BBS_Tip (74) | 영상tip (17) |
링크 점선 없애기 2008-04-27 14:44:15
홈페이지홈페이지

링크를 걸은 이미지를 클릭할시,
점선모양의 테두리가 생기는데 깔끔한 링크를 만들기 위해서,
그걸 없앨때 <a onfocus=this.blur();> 이런식으로 속성을 붙여주죠.
그러나 한 페이지에 a태그가 엄청많을땐 다 붙여주기 귀찮죠.

그때 이 소스를 head안에 넣으시면...
모든 A태그나 IMG태그에 onfocus=this.blur();를 다 붙인 효과가 납니다.

<script language='JavaScript'>
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>

or


css 한 줄로 텍스트링크, 이미지링크 모두 처리가 가능합니다.

a { selector-dummy : expression(this.hideFocus=true);}

or

각각의 링크마다

<a href="링크 주소" onfocus="this.blur()">텍스트 ,이미지</a>




    



목록보기 삭제하기