테이블 각 row 마우스오버시 색깔바꾸기 입니다. 정보
JavaScript 테이블 각 row 마우스오버시 색깔바꾸기 입니다.
본문
<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> 
0
 
 
댓글 0개