랜덤으로 배너 나오게하기
본문
롤링배너입니다. - 5초마다 랜덤하게 배너를 출력합니다.
<span id="rbanner"></span>
<script language="javascript">
function bn() {
var bn = new Array(5); // 배너의 갯수
bn[0] = "<a href=\"http://url1\" target=\"_blank\"><img src=\"배너1\" border=0></a>";
bn[1] = "<a href=\"http://url2\" target=\"_blank\"><img src=\"배너2\" border=0></a>";
bn[2] = "<a href=\"http://url3\" target=\"_blank\"><img src=\"배너3\" border=0></a>";
bn[3] = "<a href=\"http://url4\" target=\"_blank\"><img src=\"배너4\" border=0></a>";
bn[4] = "<a href=\"http://url5\" target=\"_blank\"><img src=\"배너5\" border=0></a>";
var rand = Math.round(Math.random()*4); // 배너의 갯수 - 1
rbanner.innerHTML=bn[rand];
setTimeout("bn()",5000); // 5초마다 bn() - 랜덤배너출력 함수를 재호출
}
window.onload=bn; // 페이지 로딩 시 bn() - 랜덤배너출력 함수를 호출
</script>
위 소스에서..
window.onload=bn; 을 빼고 <body onload=bn()> 으로 사용하셔도 됩니다.
이 경우에는 스크립트의 위치를 <head> 와 </head> 사이에 두셔도 됩니다.
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=56
<span id="rbanner"></span>
<script language="javascript">
function bn() {
var bn = new Array(5); // 배너의 갯수
bn[0] = "<a href=\"http://url1\" target=\"_blank\"><img src=\"배너1\" border=0></a>";
bn[1] = "<a href=\"http://url2\" target=\"_blank\"><img src=\"배너2\" border=0></a>";
bn[2] = "<a href=\"http://url3\" target=\"_blank\"><img src=\"배너3\" border=0></a>";
bn[3] = "<a href=\"http://url4\" target=\"_blank\"><img src=\"배너4\" border=0></a>";
bn[4] = "<a href=\"http://url5\" target=\"_blank\"><img src=\"배너5\" border=0></a>";
var rand = Math.round(Math.random()*4); // 배너의 갯수 - 1
rbanner.innerHTML=bn[rand];
setTimeout("bn()",5000); // 5초마다 bn() - 랜덤배너출력 함수를 재호출
}
window.onload=bn; // 페이지 로딩 시 bn() - 랜덤배너출력 함수를 호출
</script>
위 소스에서..
window.onload=bn; 을 빼고 <body onload=bn()> 으로 사용하셔도 됩니다.
이 경우에는 스크립트의 위치를 <head> 와 </head> 사이에 두셔도 됩니다.
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=56
관련링크
댓글목록
등록된 댓글이 없습니다.