본문 바로가기

javascript

마우스를 대면 하이퍼링크 텍스트 앞에 화살표가 보이게 합니다

<HTML>
<HEAD>
<TITLE> Script </TITLE>

<!------1. 아래의 코드를 HEAD 부분에 복사해 넣으세요 ------------------------------>

<SCRIPT LANGUAGE="JavaScript">
<!--

IMAGE01 = "on.gif"  // 링크앞에 붙을 화살표 이미지 입니다
IMAGE02 = "off.gif"  // 링크앞에 붙을 투명한 이미지 입니다

function imgover(imgname){
     imgname.src = IMAGE01
}

function imgout(imgname){
     imgname.src = IMAGE02
}
//-->
</SCRIPT>

</HEAD>

<BODY>

<!------2. 아래의 방식으로 BODY 부분에 스크립트나 태그를 붙여 넣으세요 ------------------->

<!--
각각의 링크마다 이미지 NAME과 imgover(NAME) 을 다르게 넣어 줍니다
-->

<p>
<IMG NAME="IMAGE01" SRC="off.gif" WIDTH=10 HEIGHT=10 BORDER=0>
<A HREF="http://www.yahoo.co.kr" onMouseOver="imgover(IMAGE01)" onMouseOut="imgout(IMAGE01)">야후! 코리아</A>

<p>
<IMG NAME="IMAGE02" SRC="off.gif" WIDTH=10 HEIGHT=10 BORDER=0>
<A HREF="http://www.daum.net" onMouseOver="imgover(IMAGE02)" onMouseOut="imgout(IMAGE02)">다음 커뮤니케이션</A>

<p>
<IMG NAME="IMAGE03" SRC="off.gif" WIDTH=10 HEIGHT=10 BORDER=0>
<A HREF="http://www.lycos.co.kr" onMouseOver="imgover(IMAGE03)" onMouseOut="imgout(IMAGE03)">라이코스 코리아</A>


</BODY>
</HTML>


==== on off.gif  이미지는 임의로 생성해서 사용하세요 =========