엠

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

· 2006-10-29 (일) 20:35:55 · 2829
<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>
|
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
07-03-22 조회 2,594
07-03-12 조회 3,328
07-02-16 조회 2,156
07-02-14 조회 3,961
07-02-10 조회 2,796
07-02-09 조회 3,161
07-01-19 조회 2,936
07-01-16 조회 3,806
06-12-16 조회 4,693
06-11-30 조회 2,431
06-11-25 조회 2,552
06-10-15 조회 3,970
06-09-26 조회 4,116
06-09-26 조회 4,270
06-09-22 조회 3,071
06-09-21 조회 2,533
06-09-21 조회 2,600
06-09-02 조회 2,364
06-08-08 조회 4,027
06-07-20 조회 2,731
06-07-17 조회 2,358
06-07-13 조회 3,183
06-07-11 조회 2,439
06-07-11 조회 2,463
06-07-11 조회 2,809