간단하게 한번 만들어봤습니다.
주석을 약간(?) 달아두었으니 확인해보세요.^^
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>table_back</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {
font-size: 24pt;
font-weight: bold;
}
table {
background-attachment: fixed;
background-repeat: no-repeat;
}
-->
</style>
</head>
<body onLoad="change_table_background()"> <!-- body onload 이벤트에 반드시 함수 호출을 해줘야 합니다. -->
<script>
var bg = new Array();
bg[0] = "http://sosabundo.kr/c/cha_back/cha_back01.jpg";
bg[1] = "http://sosabundo.kr/c/cha_back/cha_back02.jpg";
bg[2] = "http://sosabundo.kr/c/cha_back/cha_back03.jpg";
bg[3] = "http://sosabundo.kr/c/cha_back/cha_back04.jpg";
bg[4] = "http://sosabundo.kr/c/cha_back/cha_back05.jpg";
var table_change_time = 2000; //테이블 배경이미지 변경시간
var table_change_id = 'table001_id'; // 테이블에 지정된 id='table001_id' 부분의 id값으로 지정
function change_table_background()
{
var now = new Date();
var sec = now.getSeconds() % bg.length;
var table_obj = document.getElementById(table_change_id);
if ( table_obj )
{
table_obj.style.background = 'url('+bg[sec]+')';
setTimeout("change_table_background()",table_change_time);
}
}
</script>
<table text='b22222' link='000000' vlink='0000aa' width='980' height='680' id='table001_id'>
<tr>
<td height="200" align="center"><span class="style1">테이블 배경 테스트</span></td>
</tr>
<tr>
<td height="200"> </td>
</tr>
<tr>
<td height="200"> </td>
</tr>
<tr>
<td height="200"> </td>
</tr>
<tr>
<td height="200"> </td>
</tr>
<tr>
<td height="200"> </td>
</tr>
</table>
</body>
</html>
256
3,385
2009-06-15 11:56:05
닉네임
