이미지 롤오버 체인지효과 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 이미지관련 > 이미지 롤오버 체인지효과 상세정보

클라우드태그

Javascript

PHP

html

asp

mysql

CSS

Mobile

jquery

image

slide

占쌨댐옙

占쏙옙占쏙옙占쏙옙트

메뉴

현재접속자 명

이미지 롤오버 체인지효과

해피팀

네티즌

소스분류

이미지관련

다운로드 횟수

1143 회

간단설명

이미지 롤오버 했을 때 바뀌는 이미지 효과입니다. 기존 자바스크립트 및 드림위버 이미지롤오버 효과보다 스크립트도 간단하고 속도도 빠릅니다. 아주 유용하면서도 막강한 것 같습니다.

평가하기

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>On mouse Over function</title>
<SCRIPT LANGUAGE="JavaScript">
/*
we preload over pictures
*/
p1 = new Image;
p1.src = "img-scripts/demo_2.jpg";
p2 = new Image;
p2.src = "img-scripts/demo_4.jpg";
</SCRIPT>

</head>
<body>
<center>
<A HREF="http://www.4wsearch.com/" onMouseOver="mypicture.src=p1.src" onMouseOut="mypicture.src='img-scripts/demo_1.jpg'" target="_blank">Mouse over Here !</A><BR>
<IMG SRC="img-scripts/demo_1.jpg" BORDER="0" HSPACE="0" VSPACE="0" NAME="mypicture">
<BR><BR>
<A HREF="http://www.4wsearch.com/" onMouseOver="mypicture2.src=p2.src" onMouseOut="mypicture2.src='img-scripts/demo_3.jpg'" target="_blank"><IMG SRC="img-scripts/demo_3.jpg" BORDER="0" HSPACE="0" VSPACE="0" NAME="mypicture2"></A><br><br>
<a href="javascript:window.close();">X Close X</a>
</center>
</body>
</html>