[Javascript] 끊기지 않는 배너 롤링
<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>
<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개
17년 전
자바스크립트
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 746 | JavaScript | 19년 전 | 4817 | ||
| 745 | Flash |
|
19년 전 | 5030 | |
| 744 | JavaScript |
|
19년 전 | 3933 | |
| 743 | Flash |
|
19년 전 | 3603 | |
| 742 | 기타 |
|
19년 전 | 3944 | |
| 741 | PHP | 19년 전 | 4556 | ||
| 740 | 정규표현식 | 19년 전 | 3497 | ||
| 739 | Linux | 19년 전 | 3950 | ||
| 738 | 기타 | 19년 전 | 4015 | ||
| 737 | Linux | 19년 전 | 3383 | ||
| 736 | Flash | 19년 전 | 4571 | ||
| 735 | MySQL | 19년 전 | 4599 | ||
| 734 | Linux | 19년 전 | 4180 | ||
| 733 | MySQL |
|
19년 전 | 6643 | |
| 732 | 기타 |
|
19년 전 | 5185 | |
| 731 | JavaScript |
|
19년 전 | 4234 | |
| 730 | 기타 |
|
19년 전 | 3124 | |
| 729 | JavaScript |
|
19년 전 | 4663 | |
| 728 | 기타 |
|
19년 전 | 3147 | |
| 727 | JavaScript |
|
19년 전 | 4296 | |
| 726 | JavaScript |
|
19년 전 | 5731 | |
| 725 | JavaScript |
|
19년 전 | 4959 | |
| 724 | 기타 |
|
19년 전 | 3084 | |
| 723 | 기타 |
|
19년 전 | 3111 | |
| 722 | JavaScript |
|
19년 전 | 4078 | |
| 721 | 기타 |
|
19년 전 | 2852 | |
| 720 | 기타 |
|
19년 전 | 2942 | |
| 719 | 기타 |
|
19년 전 | 2864 | |
| 718 | 기타 |
|
19년 전 | 3548 | |
| 717 | 기타 |
|
19년 전 | 3095 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기