테이블 각 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>
<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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 32341 | |
| 32339 | |
| 32326 | |
| 32325 | |
| 32322 | |
| 32319 | |
| 32318 | |
| 32316 | |
| 32315 | |
| 32313 | |
| 32312 | |
| 32311 | |
| 32310 | |
| 32304 | |
| 32303 | |
| 32300 | |
| 32293 | |
| 32292 | |
| 32291 | |
| 32285 | |
| 32284 | |
| 32275 | |
| 32271 | |
| 32268 | |
| 32265 | |
| 32261 | |
| 32258 | |
| 32257 | |
| 32255 | |
| 32254 | |
| 32253 | |
| 32251 | |
| 32250 | |
| 32249 | |
| 32247 | |
| 32246 | |
| 32245 | |
| 32244 | |
| 32243 | |
| 32242 | |
| 32241 | |
| 32240 | |
| 32239 | |
| 32238 | |
| 32237 | |
| 32236 | |
| 32232 | |
| 32229 | |
| 32228 | |
| 32227 | |
| 32217 | |
| 32215 | |
| 32214 | |
| 32213 | |
| 32211 | |
| 32207 | |
| 32196 | |
| 32193 | |
| 32192 | |
| 32190 | |
| 32188 | |
| 32186 | |
| 32184 | |
| 32173 | |
| 32172 | |
| 32171 | |
| 32167 | |
| 32165 | |
| 32163 | |
| 32162 | |
| 32158 | |
| 32157 | |
| 32155 | |
| 32151 | |
| 32149 | |
| 32135 | |
| 32132 | |
| 32127 | |
| 32125 | |
| 32122 | |
| 32120 | |
| 32119 | |
| 32117 | |
| 32116 | |
| 32115 | |
| 32114 | |
| 32112 | |
| 32111 | |
| 32109 | |
| 32107 | |
| 32104 | |
| 32103 | |
| 32102 | |
| 32101 | |
| 32094 | |
| 32089 | |
| 20404 | |
| 31036 | |
| 8279 | |
| 8268 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기