[Javascript] 끊기지 않는 배너 롤링 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

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

JavaScript [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">&nbsp;</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>
추천
0

댓글 1개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT