[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에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 77 | 21년 전 | 2937 | ||
| 76 | 21년 전 | 6233 | ||
| 75 | 21년 전 | 4477 | ||
| 74 | 21년 전 | 5770 | ||
| 73 | 21년 전 | 3656 | ||
| 72 | 21년 전 | 5966 | ||
| 71 | 21년 전 | 3124 | ||
| 70 | 21년 전 | 2845 | ||
| 69 | 21년 전 | 2656 | ||
| 68 | 21년 전 | 2463 | ||
| 67 | 21년 전 | 2666 | ||
| 66 | 21년 전 | 2684 | ||
| 65 | 21년 전 | 3816 | ||
| 64 | 21년 전 | 2823 | ||
| 63 | 21년 전 | 2419 | ||
| 62 | 21년 전 | 2288 | ||
| 61 | 21년 전 | 3059 | ||
| 60 | 21년 전 | 3117 | ||
| 59 | 21년 전 | 2494 | ||
| 58 | 21년 전 | 2583 | ||
| 57 | 21년 전 | 2963 | ||
| 56 | 21년 전 | 2265 | ||
| 55 | 21년 전 | 2736 | ||
| 54 | 21년 전 | 2115 | ||
| 53 | 21년 전 | 2347 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기