http://oxtag.com/html/ex/link_over.html
위의 미리보기에서 링크에 마우스를 올려보세요. 링크가 눌러지는 듯 하죠?
이미지 롤오버를 쓰지 않고도 이렇게 되는게 가능하답니다.
--------------------------------------------------------------------------------
<STYLE type="text/css">
<!--
A:HOVER{position:relative; top:3; left:3;}
-->
</STYLE>
--------------------------------------------------------------------------------
위의 top:3; left:3 의 숫자부분을 알맞게 바꿔주세요.
left대신에 right를 쓰실 수도 있는데요, right를 쓰시게 되면,
오른쪽에 여백이 생기면서 왼쪽으로 눌러지는 효과가 나겠죠..
메뉴에 쓰시면 이뻐요~
--------------------------------------------------------------------------------
위의 미리보기에서 링크에 마우스를 올려보세요. 링크가 눌러지는 듯 하죠?
이미지 롤오버를 쓰지 않고도 이렇게 되는게 가능하답니다.
--------------------------------------------------------------------------------
<STYLE type="text/css">
<!--
A:HOVER{position:relative; top:3; left:3;}
-->
</STYLE>
--------------------------------------------------------------------------------
위의 top:3; left:3 의 숫자부분을 알맞게 바꿔주세요.
left대신에 right를 쓰실 수도 있는데요, right를 쓰시게 되면,
오른쪽에 여백이 생기면서 왼쪽으로 눌러지는 효과가 나겠죠..
메뉴에 쓰시면 이뻐요~
--------------------------------------------------------------------------------
'인터넷관련' 카테고리의 다른 글
글자 위에 조그맣게 주석다는거..(익스 전용) (0) | 2008.01.19 |
---|---|
프레임 문서에서 경계선 테두리 두르기 (0) | 2008.01.19 |
글씨를 세로로 써봅시다...^_^ (0) | 2008.01.19 |
스크롤바 생성시 x축 / y축 원하는 곳 감춰보자. (0) | 2008.01.19 |
a 링크 태그 말고 다른 태그로 링크해보장. (0) | 2008.01.19 |
음악파일 동영상을 내가 원하는 부분만 재생시켜보자. (0) | 2008.01.19 |
필터를 적용한 칼라버튼.[ie5.5 sp2이상] (0) | 2008.01.19 |
페이지마다 타이틀 변경하기 (0) | 2008.01.19 |