본문 바로가기

javascript

로테이트 되는 텍스트 배너 만들기

<HTML>
<HEAD>
<TITLE> Script </TITLE>

<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->

<SCRIPT LANGUAGE="JavaScript1.2">
<!--

var NS4 = (document.layers) ? 1 : 0;
var IE4 = (document.all) ? 1 : 0;

onload = start;

var ar = new Array();

// 원하는 문구로 바꾸어 주세요

ar[0] = "<STRONG>Hot sites : </STRONG> <A HREF="http://bizsrever.new21.net">JavaScript Source</A>";
ar[1] = "<STRONG>Hot sites : </STRONG> <A HREF='http://bizsrever.new21.net'>Dynamic HTML Source</A>";
ar[2] = "<STRONG>Hot sites : </STRONG> <A HREF='http://bizsrever.new21.net'>Java Applet and CGI</A>";

var num = 0;

function start() {
  setInterval("update()", 2000);
}

function update() {
  display("banner", ar[num]);
  num++;
  if (num == ar.length) num = 0;
}

function display(id, str) {
  if (NS4) {
    with (document[id].document) {
      open();
      write(str);
      close();
    }
  } else {
    document.all[id].innerHTML = str;
  }
}

// -->
</SCRIPT>

<!------------------------- 여기까지 ---------------------------------->

</HEAD>

<BODY>

<!---- [2단계] 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요 ---->

<DIV ID="banner" STYLE="position: absolute;background-color:yellow"><STRONG>Hot sites : </STRONG><I>로딩중 입니다 ...</I>
</DIV>

<!------------------------- 여기까지 ---------------------------------->

</BODY>
</HTML>