[Javascript] 끊기지 않는 배너 롤링

· 2006-09-21 (목) 18:10:51 · 5137 · 1
<html>
<head>
<script language="JavaScript">
var banner_1_mouseEvent = 1;
<!--
// banner_roll("div태그 id", 배너1개높이, 딜레이, 1칸이동속도, 0);
function banner_roll(div_id, banner_height, banner_delay, banner_speed, this_height){

if(eval(div_id + "_mouseEvent")){
var div_tag = document.getElementById(div_id);
var a_tag, i;
this_height++;
if(this_height < banner_height){
div_tag.style.top = -this_height;
setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", " + this_height + ");", banner_speed);
}
else{
a_tag = div_tag.getElementsByTagName("TABLE");
div_tag.appendChild(a_tag[0]);
div_tag.style.top = 0;
setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", 0);", banner_delay);
}
}
else{
setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", " + this_height + ");", banner_speed);
}
return true;
}
//-->
</script>
</head>

<body leftmargin=0 topmargin=0 bgcolor="DFECB8">

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="790" height="49" valign="top" style="padding-left:0px;" bgcolor="#DFECB8">

<div style="position:absolute;width:970px;height:49px;overflow:hidden;" onMouseover="banner_1_mouseEvent=0" onMouseout="banner_1_mouseEvent=1">
<div style="position:relative;" id="banner_1">
<table width='970' height='49' border='0' cellspacing='0' cellpadding='0'>
<tr align='center' valign="top" bgcolor='#FFFFFF' >
<td background="../images/banner_back_01.gif"><a href="http://www.gov-innovation.go.kr/" target="_blank"><img src="../images/banner_01.gif" width="147" height="49" border="0"></a> </td>
<td background="../images/banner_back_01.gif"><a href="http://www.182.go.kr/" target="_blank"><img src="../images/banner_02.gif" width="165" height="49" border="0"></a> </td>
<td background="../images/banner_back_01.gif"><a href="http://www.police.go.kr/HONOR/index.jsp" target="_blank"><img src="../images/banner_03.gif" width="181" height="49" border="0"></a> </td>
<td background="../images/banner_back_01.gif"><a href="http://kid.police.go.kr/index.jsp" target="_blank"><img src="../images/banner_04.gif" width="168" height="49" border="0"></a> </td>
<td background="../images/banner_back_01.gif"><a href="http://www.policefund.or.kr/" target="_blank"><img src="../images/banner_05.gif" width="150" height="49" border="0"></a> </td>
<td background="../images/banner_back_01.gif"><a href="http://www.ipodori.or.kr" target="_blank"><img src="../images/banner_06.gif" width="159" height="49" border="0"></a></td>
</tr>
</table>
<table width='970' height='49' border='0' cellspacing='0' cellpadding='0'>
<tr align='center' valign="top" bgcolor='#FFFFFF' background="../images/banner_back_01.gif" >
<td background="../images/banner_back_01.gif" align="absmiddle"><a href="http://knpu.police.ac.kr/policesin/login.jsp" target="_blank"><img src="../images/ban_15.gif" height="35" border="0"></a> </td>
<td background="../images/banner_back_01.gif"><a href="http://phone.korea.go.kr/hjb_index.jsp" target="_blank"><img src="../images/banner_08.gif" height="49" border="0"></a> </td>
<td background="../images/banner_back_01.gif"><a onClick="openWinCenter(this.href,'newwin','width=666,height=600,status=no,menubar=no,scrollbars=yes');return false" href="http://www.npa.go.kr/data/susa/dataSusaList.jsp"><img src="../images/banner_09.gif" height="49" border="0"></a> </td>
<td background="../images/banner_back_01.gif"><a href="http://www.police.go.kr/plaza/memorial/main.jsp" target="_blank"><img src="../images/banner_10.gif" height="49" border="0"></a> </td>
<!--td background="../images/banner_back_01.gif"><a onClick="openWinCenter(this.href,'newwin','width=800,height=600,status=no,menubar=no,scrollbars=yes');return false" href="http://www.npa.go.kr/virtual/cyber.html"><img src="../images/banner_11.gif" height="49" border="0"></a> </td-->
<td background="../images/banner_back_01.gif"><a href="/03_service/service_01_05.asp" target="_parent"><img src="../images/banner_12.gif" height="49" border="0"></a></td>
<td background="../images/banner_back_01.gif"><a href="http://www.mogaha.go.kr/html/policy/policy_06_07.jsp" target="_blank"><img src="../images/banner_060428.gif" border="0"></a></td>
<td background="../images/banner_back_01.gif"> </td>
</tr>
</table>

</div>
</div>
</td>
</tr>
</table>

<script language="JavaScript">
<!--

// banner_roll("div태그 id", 배너1개높이, 딜레이, 1칸이동속도, 0);
banner_roll("banner_1", 51, 4000, 20, 0);
//-->
</script>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
|

댓글 1개

자바스크립트
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
07-07-16 조회 3,055
07-07-06 조회 2,915
07-07-06 조회 3,377
07-06-23 조회 3,203
07-06-16 조회 2,686
07-05-20 조회 4,202
07-05-09 조회 3,374
07-05-09 조회 6,021
07-05-04 조회 2,600
07-04-30 조회 9,728
07-04-27 조회 4,253
07-04-26 조회 3,368
07-04-25 조회 5,154
07-04-18 조회 7,704
07-04-13 조회 3,032
07-04-12 조회 6,546
07-04-12 조회 4,950
07-04-12 조회 3,269
07-04-11 조회 5,650
07-04-05 조회 6,299
07-03-24 조회 4,348
07-03-20 조회 3,656
07-03-18 조회 3,899
07-03-18 조회 4,685
07-03-17 조회 4,170
07-03-16 조회 4,078
07-03-15 조회 5,218
07-03-13 조회 5,312
07-03-13 조회 3,514
07-03-08 조회 4,438
07-03-08 조회 3,912
07-03-08 조회 3,225
07-03-08 조회 4,091
07-03-05 조회 4,321
07-03-04 조회 2,852
07-03-01 조회 5,888
07-02-28 조회 3,174
07-02-27 조회 4,338
07-02-26 조회 3,249
07-02-26 조회 2,946
07-02-23 조회 3,597
07-02-23 조회 3,565
07-02-22 조회 3,950
07-02-22 조회 3,744
07-02-19 조회 3,763
07-02-17 조회 4,790
07-02-14 조회 8,095
07-02-12 조회 3,858
07-02-10 조회 3,470
07-02-02 조회 3,701
07-01-31 조회 3,365
07-01-29 조회 3,213
07-01-25 조회 4,987
07-01-21 조회 3,161
07-01-19 조회 2,966
06-12-15 조회 3,954
06-12-15 조회 4,363
06-12-15 조회 2,857
06-12-15 조회 4,411
06-12-15 조회 3,276
06-12-15 조회 3,994
06-12-15 조회 2,961
06-12-15 조회 2,675
06-12-15 조회 4,555
06-12-15 조회 3,108
06-12-15 조회 3,179
06-12-07 조회 4,631
06-12-07 조회 3,922
06-12-04 조회 4,531
06-11-27 조회 3,618
06-11-21 조회 3,929
06-11-15 조회 3,358
06-11-04 조회 3,255
06-10-29 조회 3,909
06-10-13 조회 3,770
06-10-13 조회 4,138
06-10-13 조회 4,088
06-10-12 조회 5,291
06-10-12 조회 4,214
06-10-04 조회 3,697
06-10-02 조회 4,485
06-09-29 조회 2,979
06-09-26 조회 3,316
06-09-26 조회 3,569
06-09-26 조회 3,210
06-09-26 조회 3,370
06-09-26 조회 4,270
06-09-25 조회 4,569
06-09-22 조회 4,882
06-09-22 조회 3,465
06-09-21 조회 4,203
06-09-21 조회 4,193
06-09-21 조회 3,474
06-09-21 조회 5,138
06-09-21 조회 3,639
06-09-21 조회 3,402
06-09-20 조회 2,937
06-09-15 조회 3,073
06-09-13 조회 3,374
06-09-11 조회 3,194