웹마스터 팁

  2. Support
  3. 웹마스터 팁

정말 쉬운 이미지 롤오버

2002.12.05 17:01

Nopedy Lee

정말 HTML tag수준으로 이미지를 롤오버하는 소스입니다.
앵커태그에 아래 소스처럼 onMouseOver, onMouseOut을 호출하면 하면됩니다.
이때 사용되는 파라미터에다가 이미지의 name을 호출하고 변환될 이미지 소스정보를 설정합니다.

실제 작성시 사용되는 샘플은 다음과 같습니다.

<A HREF="page1.html" onMouseOver="roll.src='pic-2.gif'" onMouseOut="roll.src='pic.gif'">
<IMG SRC="pic.gif" NAME="roll" BORDER="0"></A>

기본적으로 이미지는 마우스아웃시 사용될 이미지를 태그로 만듭니다.
그리고 앵커태그에 오버시 사용될 이미지를 호출하고 아웃시 다시 원래이미지를 호출하도록 하면
됩니다.

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
정말 쉬운 이미지 롤오버 [3] Nopedy Lee 2002.12.05
엔지오처럼 메뉴가 아래위로 움직이는 소스[steelheart님 만듬]. [10] 김태경 2002.11.23
iframe 내용에 맞게 자동으로 크기 조절하기 [36] 행복한고니 2002.11.21
[파파스 1] 즐겨찾기 추가기능 소스 [5] 파파스 2002.11.20
제로님 Select Box 조금 바꾼거... [5] 행복한고니 2002.11.18
아래 행복한고니님의 할아버지 소스의 업글(?) 버젼입니다. [7] (づ_-) 커터칼 2002.11.18
[re] 아래 행복한고니님의 할아버지 소스의 업글(?) 버젼입니다. [2] Mahican 2002.12.02
이미지 변환함수(롤오버) [3] 행복한고니 2002.11.18
글상자글적으면 적은수가 숫자로 표시(글제한할때좋죠). [2] 아벨라 2002.11.18
레이어를 원하는 곳에 고정하기입니다. [7] 아벨라 2002.11.14
윈도우 할아버지 나타나게 하기 [11] 행복한고니 2002.11.14
고정된 배경이미지는 싫다면서... [9] 디아릭스 2002.11.12
엔지오같은 메뉴 만들기 #2 - Error 수정판 -_-;; [13] Eccen 2002.11.12
[re] 엔지오같은 메뉴 만들기 #2 -> 레이어배치 팁! //ⓦⓞⓞⓡⓨ님참고 [3] Aracing™ 2003.01.10
방문자가 특정부분 텍스트크기 바꿀수 있게 (확대/축소) [2] 디아릭스 2002.11.05
링크 포커스 없애기 3탄 [10] 멀대 2002.11.05
엔지오같은 메뉴 만들기 #1 - 수정판 [6] Eccen 2002.11.05
[자작] select 폼 태그 html로 허접하게나마 꾸며보기 [18] zero 2002.11.05
글씨 하이퍼링크시 밑줄 없에기 [8] 이솔렛 2002.10.31
하이퍼링크 점선 테두리 없애기 [9] 레드 2002.10.31
태그 쓰기