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) | 2007.10.17 |
---|---|
글씨를 세로로 써봅시다...^_^ (0) | 2007.10.17 |
글씨를 세로로 써봅시다...^_^ (0) | 2007.10.17 |
스크롤바 생성시 x축 / y축 원하는 곳 감춰보자. (0) | 2007.10.17 |
스크롤바 생성시 x축 / y축 원하는 곳 감춰보자. (0) | 2007.10.17 |
텍스트 링크시 이미지를 사용하지 않고 롤오버 기능을 넣어보자. (0) | 2007.10.17 |
a 링크 태그 말고 다른 태그로 링크해보장. (0) | 2007.10.17 |
a 링크 태그 말고 다른 태그로 링크해보장. (0) | 2007.10.17 |
음악파일 동영상을 내가 원하는 부분만 재생시켜보자. (0) | 2007.10.17 |
음악파일 동영상을 내가 원하는 부분만 재생시켜보자. (0) | 2007.10.17 |