본문 바로가기

javascript

메뉴에 마우스를 대면 체크상자가 표시됩니다

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

<BODY>

<TABLE align=center bgColor=teal width=300 align=center>
<TR>
        <TD bgColor=lightyellow><br>

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

<form name="rolloverbox">

  <p>
  
  <input type="checkbox" name="boxes" value="ON"><a href="http://bizsrever.new21.net"
  onMouseover="rollovercheck(0)" onMouseout="rolloutcheck(0)">Home</a><br>

  <input type="checkbox" name="boxes" value="ON"><a
  href="http://www.daum.net/javaindex.htm" onMouseover="rollovercheck(1)"
  onMouseout="rolloutcheck(1)">다음 커뮤니케이션</a><br>
  
  <input type="checkbox" name="boxes" value="ON"><a
  href="http://www.dreamwiz.com" onMouseover="rollovercheck(2)"
  onMouseout="rolloutcheck(2)">드림위즈</a><br>
  
  <input type="checkbox" name="boxes" value="ON"><a
  href="http://www.naver.com" onMouseover="rollovercheck(3)"
  onMouseout="rolloutcheck(3)">네이버 홈페이지</a><br>
  
  <input type="checkbox" name="boxes" value="ON"><a
  href="http://www.microsoft.com" onMouseover="rollovercheck(4)"
  onMouseout="rolloutcheck(4)">마이크로 소프트</a><br>
  
  <input type="checkbox" name="boxes" value="ON"><a
  href="http://www.netscape.com" onMouseover="rollovercheck(5)"
  onMouseout="rolloutcheck(5)">네츠케이프 홈페이지</a>
  
  </p>

</form>

                </TD>
        </TR>
</TABLE>


<script>
var thebox=document.rolloverbox
function rollovercheck(whichbox){
thebox.boxes[whichbox].checked=true
}

function rolloutcheck(whichbox){
thebox.boxes[whichbox].checked=false
}
</script>


</BODY>
</HTML>