고정 헤더 영역
상세 컨텐츠
본문
<html>
<head>
<script language="JavaScript">
var banner_1_mouseEvent = 1;
var banner_2_mouseEvent = 1;
// banner_roll("div태그 id", 배너1개넓이, 딜레이, 1칸이동속도, 0);
function banner_roll(div_id, banner_width, banner_delay, banner_speed, this_width)
{
if(eval(div_id + "_mouseEvent")){
var div_tag = document.getElementById(div_id);
var a_tag, i;
this_width++;
if(this_width < banner_width){
div_tag.style.left = -this_width;
setTimeout("banner_roll('" + div_id + "', " + banner_width + ", " + banner_delay + ", " + banner_speed + ", " + this_width + ");", banner_speed);
}
else{
a_tag = div_tag.getElementsByTagName("TABLE");
div_tag.appendChild(a_tag[0]);
div_tag.style.left = 0;
setTimeout("banner_roll('" + div_id + "', " + banner_width + ", " + banner_delay + ", " + banner_speed + ", 0);", banner_delay);
}
}
else{
setTimeout("banner_roll('" + div_id + "', " + banner_width + ", " + banner_delay + ", " + banner_speed + ", " + this_width + ");", banner_speed);
}
return true;
}
</script>
</head>
<body>
<table border="0" cellspacing="1" cellpadding="0" bgcolor="#808080">
<tr bgcolor="#FFFFFF">
<td width="220" height="400" valign="top" style="padding-left:10px;"><br>배너 돌리기 1<br>
<div style="position:absolute;width:141px;height:50px;overflow:hidden;" onMouseover="banner_1_mouseEvent=0" onMouseout="banner_1_mouseEvent=1" style="border:1px solid #000000">
<nobr style="position:relative;" id="banner_1">
<table width="150" height="49" border="0" cellspacing="0" cellpadding="0" style="display:inline;width:150">
<tr>
<td valign="top"><a href="phpschool.com" onFocus="this.blur"><img src="http://www1.phpschool.com/v2/assets/images/140mini_phpschool_black.gif" border="0"></a></td>
</tr>
</table>
<table width="150" height="49" border="0" cellspacing="0" cellpadding="0" style="display:inline;width:150">
<tr>
<td valign="top"><a href="phpschool.com" onFocus="this.blur"><img src="http://www1.phpschool.com/v2/assets/images/140mini_phpschool.gif" border="0"></a></td>
</tr>
</table>
</nobr>
</div>
</td>
<td width="20"></td>
<td width="600" height="400" valign="top" style="padding-left:10px;"><br>배너 돌리기 2<br>
<div style="position:absolute;width:514px;height:217px;overflow:hidden;" onMouseover="banner_2_mouseEvent=0" onMouseout="banner_2_mouseEvent=1" style="border:1px solid #000000">
<nobr style="position:relative;" id="banner_2">
<table width="522" height="217" border="0" cellspacing="0" cellpadding="0" style="display:inline;width:522" bgcolor="#000099">
<tr>
<td valign="top"><a href="phpschool.com" onFocus="this.blur"><img src="http://www1.phpschool.com/ci/php_dot_w.GIF" border="0"></a></td>
</tr>
</table>
<table width="522" height="217" border="0" cellspacing="0" cellpadding="0" style="display:inline;width:522" bgcolor="#000099">
<tr>
<td valign="top"><a href="phpschool.com" onFocus="this.blur"><img src="http://www1.phpschool.com/ci/php_dot_b.GIF" border="0"></a></td>
</tr>
</table>
<table width="522" height="217" border="0" cellspacing="0" cellpadding="0" style="display:inline;width:522" bgcolor="#000099">
<tr>
<td valign="top"><a href="phpschool.com" onFocus="this.blur"><img src="http://www1.phpschool.com/ci/php_dot_bw.GIF" border="0"></a></td>
</tr>
</table>
</nobr>
</div>
</td>
</tr>
</table>
<script language="JavaScript">
<!--
banner_roll("banner_1", 150, 2000, 20, 0);
banner_roll("banner_2", 522, 2000, 5, 0);
//-->
</script>
</body>
</html>
추가 정보
댓글 영역