Image Change Banner [그림이 순환되며 바뀌는 배너]

작성자 정보

  • 작성자 관리자
  • 작성일

컨텐츠 정보

본문


▷ Image Change Banner [그림이 순환되며 바뀌는 배너]

Tag, Css, Script

<html>
<head>
<title> 연습할 문서의 제목 </title>
</head>
<body>
<!-- 배너 이미지 나올 위치 -->
<span id="image_Holder"></span>
<script>
var no = 0;
var banner = new Array(2);
banner[0] = "<a href='http://kr.yahoo.com' target='_blank'><img src='http://duduji.iptime.org/duduji/html_tag/1.jpg' border='0'></a>";
banner[1] = "<a href='http://paran.com' target='_blank'><img src='http://duduji.iptime.org/duduji/html_tag/2.jpg' border='0'></a>";
banner[2] = "<a href='http://nate.com' target='_blank'><img src='http://duduji.iptime.org/duduji/html_tag/3.jpg' border='0'></a>";
function bannerCall(second) {
msgWindow=document.all["image_Holder"];
msgWindow.innerHTML=banner[no];
setTimeout("bannerCall("+second+")", second);
no = no+1;
if( no > 2) no = 0;
}
// 배너 호출
bannerCall(2000); // 1초 = 1000
</script>
</body>
</html>

실행결과

관련자료

댓글 0
등록된 댓글이 없습니다.
알림 0