롤 오버 버튼 간단하게 구현하는 소스
페이지 정보
작성자
오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 5,491회
작성일 11-08-27 01:53
본문
btn_book_off.gif
btn_book_on.gif
이렇게 on/off 로 버튼 오버 이미지와 아웃 이미지를 2개 만들고 아래와 같이 스크립트를 작성하면 간단하게 구현된다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>마우스 롤 오버 소스</TITLE>
<script type="text/javascript">
// 이미지 롤 오버 소스
function imageOver(imgs) {
imgs.src = imgs.src.replace("off.gif", "on.gif");
}
function imageOut(imgs) {
imgs.src = imgs.src.replace("on.gif", "off.gif");
}
</script>
</HEAD>
<BODY>
<a href="#" onclick="goReservation('10006224')"><img src="http://www.daegu2011.org/frontOffice/public/img/button/btn_book_off.gif" onmouseover="imageOver(this);" onmouseout="imageOut(this);" alt="예매하기" border="0" /></a>
</BODY>
</HTML>
댓글목록
등록된 댓글이 없습니다.