엠

테이블 각 row 마우스오버시 색깔바꾸기

· 2006-10-29 (일) 20:35:55 · 4727
<table id=TestTBL width=500>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
<tr><td>.</td></tr>
</table>

<script language="javascript">
var ori//원래색
function setTBL(TBL,start,C1,C2,C3,Cursor) {//오브젝트,시작,첫색,둘째색,오버색,커서모양
for(var i=start;i<TBL.rows.length;i++) {
if(i%2) TBL.rows[i].style.background=C1//TBL 테이블의 색을 반복되게 만들어준다
else TBL.rows[i].style.background=C2
TBL.rows[i].onmouseover=new Function("ori=this.style.background;this.style.background='"+C3+"'")
TBL.rows[i].onmouseout=new Function("this.style.background=ori")
TBL.rows[i].style.cursor=Cursor
}
}
setTBL(TestTBL,1,'F3F3F3','','silver','default')//테이블/시작줄/첫색/둘째색/마우스오버색/커서모양
</SCRIPT><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
|
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
JavaScript 06-12-07 조회 4,272
기타 06-12-07 조회 3,891
기타 06-12-04 조회 2,919
JavaScript 06-12-04 조회 4,732
PHP 06-11-30 조회 4,083
MySQL 06-11-30 조회 3,817
기타 06-11-28 조회 4,845
기타 06-11-28 조회 6,919
JavaScript 06-11-27 조회 3,672
MySQL 06-11-27 조회 5,036
PHP 06-11-25 조회 4,109
Flash 06-11-24 조회 4,245
기타 06-11-22 조회 5,735
JavaScript 06-11-21 조회 4,144
Flash 06-11-18 조회 4,178
JavaScript 06-11-15 조회 3,852
기타 06-11-15 조회 3,820
기타 06-11-10 조회 4,561
JavaScript 06-11-04 조회 3,642
JavaScript 06-10-29 조회 4,728
기타 06-10-29 조회 3,140
MySQL 06-10-24 조회 7,151
MySQL 06-10-17 조회 5,387
Flash 06-10-17 조회 6,391
정규표현식 06-10-16 조회 4,963
PHP 06-10-15 조회 5,260
JavaScript 06-10-13 조회 3,891
JavaScript 06-10-13 조회 4,307
JavaScript 06-10-13 조회 4,435
JavaScript 06-10-12 조회 5,543