천

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

· 2015-12-20 (일) 00:02:54 · 3341

<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>

<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>

|
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
JavaScript 15-12-22 조회 2,898
JavaScript 15-12-22 조회 3,066
JavaScript 15-12-22 조회 2,531
JavaScript 15-12-21 조회 2,963
JavaScript 15-12-21 조회 3,443
JavaScript 15-12-21 조회 3,046
JavaScript 15-12-20 조회 3,164
JavaScript 15-12-20 조회 3,895
JavaScript 15-12-20 조회 3,342
JavaScript 15-12-19 조회 3,182
JavaScript 15-12-19 조회 3,417
JavaScript 15-12-19 조회 3,479
JavaScript 15-12-18 조회 5,600
JavaScript 15-12-18 조회 2,914
JavaScript 15-12-18 조회 2,915
기타 15-12-17 조회 4,226
JavaScript 15-12-17 조회 3,546
JavaScript 15-12-17 조회 3,419
JavaScript 15-12-17 조회 2,880
JavaScript 15-12-16 조회 2,650
JavaScript 15-12-16 조회 3,838
JavaScript 15-12-16 조회 3,233
jQuery 15-12-16 조회 3,619
jQuery 15-12-15 조회 4,535
JavaScript 15-12-15 조회 2,717
JavaScript 15-12-15 조회 2,967
JavaScript 15-12-15 조회 2,910
JavaScript 15-12-14 조회 2,587
JavaScript 15-12-14 조회 3,278
JavaScript 15-12-14 조회 2,565