본문 바로가기
카테고리 없음

[자바스크립트] [상태바] 브라우저 하단 상태바 텍스트 효과 - 다양한 문구 타이핑되는 효과

sophie™ 2010. 4. 25. 11:10
<head>와 </head>부분에 넣어줍니다.
*****************************************
<SCRIPT LANGUAGE="JavaScript">
     <!--

     // Written by Damian Nix 1997.
     // http://members.tripod.com/~Mournblade/advert.html
     // License is granted if and only if this entire
     // notice is included. By Damian Nix.

     function makeArray(n) {
       this.length = n;
     }

     function stopBanner() {
       if (bannerRunning)
         clearTimeout(timerID);
       bannerRunning = false;
     }

     function startBanner() {
       stopBanner();
       showBanner();
     }

     function showBanner() {
       var text = ar[currentMessage];
       if (offset < text.length) {
         if (text.charAt(offset) == " ")
           offset++;                      
         var partialMessage = text.substring(0, offset + 1);
         window.status = partialMessage;
         offset++;
         timerID = setTimeout("showBanner()", speed);
         bannerRunning = true;
       } else {
         offset = 0;
         currentMessage++;
         if (currentMessage == arlength)
           currentMessage = 0;
         timerID = setTimeout("showBanner()", pause);
         bannerRunning = true;
       }
     }

     var speed = 100 // decrease value to increase speed (must be positive)
     var pause = 1000 // increase value to increase pause
     var timerID = null;
     var bannerRunning = false;
     var currentMessage = 0;
     var offset = 0;

     var arlength = 3; // number of messages (to solve an NS2 bug)
     var ar = new makeArray(arlength); // number of messages
     ar[0] = "lss의 스크립트 강좌";
     ar[1] = "모두 공짜로 가져가세요...";
     ar[2] = "홈 주소는 www.lss.pe.kr..."

     // -->
     </SCRIPT>


<body>와 </body>부분에 넣어줍니다.
*****************************************
<body onload="startBanner()">

'전체' Related Articles

티스토리툴바