마우스가 올라오면 셀의 색이 랜덤으로 바뀌는 스크립트
<p align="center">표위에 마우스를!!</p>
<table align="center" border="1" width="200" height="200" cellpadding="0" cellspacing="0">
<tr>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
</tr>
<tr>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
</tr>
<tr>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
</tr>
<tr>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
</tr>
<tr>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
<td onmousemove="gogo(this)">
<p> </p>
</td>
</tr>
</table>
<script language="JavaScript">
<!--
function gogo(str){
var rnd1
var rnd2
var rnd3
rnd1 = Math.round(Math.random()*255)
rnd2 = Math.round(Math.random()*255)
rnd3 = Math.round(Math.random()*255)
str.style.background = 'rgb(' + rnd1 + ',' + rnd2 + ',' + rnd3 + ')'
}
//-->
</script>
'컴퓨터-유용한팁 > 스크립트' 카테고리의 다른 글
리스트박스 선택시 문서내용을 아이프레임에 보여주기 (0) | 2015.09.07 |
---|---|
주민등록번호 확인 스크립트 (0) | 2015.09.07 |
스크롤바의 색상에 그라디언트를 (0) | 2015.09.07 |
문서 열림과 동시에 팝업띄우기 (0) | 2015.09.07 |
마우스오버시 말풍선을 레이어로 만들어 투명도,폰트컬러등을 적용하기 (0) | 2015.09.07 |