Notice
Recent Posts
Recent Comments
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
Tags
- nodejs express
- 베트남어
- 스킨 스쿠버
- 나의 프로젝트
- php thumbnail
- Cross
- iBatis
- 도커
- node.js web framework
- ejb
- 명사 추출기
- 나의 취미
- 명사 분석기
- 명사 뽑아내기
- Eclipse
- 책이야기
- 메일왕창보내는법
- Lift
- 주식이야기
- php
- 디즈니씨
- express for node.js
- Node.js
- docker
- scala
- flex3
- C/C++
- ajax
- ror실행
- rss
Archives
- Today
- Total
nkdk의 세상
JS :: 커서움직임에 따른 셀 색상변경 본문
- onMouseOut : 마우스커서가 해당위치에서 벗어나면 이벤트가 발생합니다.
- onMouseOver : 마우스커서가 해당위치에 위치하면 이벤트가 발생합니다.
- backgroundColor : 배경색을 설정합니다.
- this : 현재위치/태그를 나타냅니다.
- self : 현재창을 나타냅니다.
<html>
<body><table border=1 cellspacing=0 cellpadding=3 bordercolor="#99aabb" bgcolor="#aaccee" style="font-size:9pt;">
<tr align="center" style="font-weight:bold" bgcolor="#99bbdd">
<td width=30>번호</td>
<td width=140>제목</td>
<td width=65>작성자</td>
<td width=90>날짜</td>
</tr>
<tr align="center" onMouseOut="this.style.backgroundColor='#aaccee'" onMouseOver="this.style.backgroundColor='#bbbb55'">
<td>1</td>
<td>테스트입니다.</td>
<td>운영자</td>
<td>06-05-10</td>
</tr>
<tr align="center" onMouseOut="this.style.backgroundColor='#aaccee'" onMouseOver="this.style.backgroundColor='#bbbb55'">
<td>2</td>
<td>환영합니다.</td>
<td>운영자</td>
<td>06-05-11</td>
</tr>
</table></body>
</html>