웹마스터 팁

  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>

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

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
갤러리스킨에 쓰면 좋을 것 같은 미리보기(수정2) [10] 행복한고니 2003.01.06
크롬리스에 응용할만한 소스;; [3] MYMob.INT. 2003.01.05
숫자를 한글로 변환하는 함수 [1] 행복한고니 2003.01.03
mid 랜덤으로 듣기 ... [2] 아벨라 2003.01.02
색다른 링크법(새창) [2] BIRDY™ 2002.12.30
텍스트 폼 / 전체선택 하기 자바스크립 mnemosyne 2002.12.24
div, Javascript 이용해서 섹션 테이블 만들기 [3] mnemosyne 2002.12.18
크롬리스 완벽해결! IE.2.0부터 Netscape까지 작동가능!! [13] 김민호 2002.12.16
오른쪽 클릭 메뉴 [6] 디아릭스 2002.12.16
select form 으로 새창띄우기(수정:2002-12-19) [3] dolufy 2002.12.11
홈페이지에 머무른 시간을 알림창으로 나타내기. [3] 시즌오브드림 2002.12.10
출렁이며 내려오는 공지창.. [3] 아벨라 2002.12.10
아래 새창에 맞게 이미지 띄우기 더더 업그레이드 판! [6] ATply 2002.12.09
이동 메뉴 (Netscape 가능 NZEO.com 소스) [9] 박영창 2002.12.08
아래 이미지크기에 맞게 새창띄우는 소스(기능개선판) (-_-) v [10] 행복한고니 2002.12.07
[re] 오류 아닌 오류 나시는 분덜... 임병찬 2003.04.22
이미지 크기에 맞게 새창띄우는 자바소스인데요~ [3] 새벽이슬 2002.12.07
정말 쉬운 이미지 롤오버 [3] Nopedy Lee 2002.12.05
엔지오처럼 메뉴가 아래위로 움직이는 소스[steelheart님 만듬]. [10] 김태경 2002.11.23
iframe 내용에 맞게 자동으로 크기 조절하기 [36] 행복한고니 2002.11.21
태그 쓰기