테이블 각 row 마우스오버시 색깔바꾸기 > 개발자팁

개발자팁

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

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

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

본문

<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>
추천
0

댓글 0개

전체 36
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT