인터넷정보

상태바 애니메이션

알 수 없는 사용자 2007. 10. 17. 18:10
http://oxtag.com/html/ex/status_ani.html

<script language="javascript">
<!--
var data="0123456789";
var done=1;

function statusIn(text){
decrypt(text,2,1);
}

function statusOut(){
self.status='';
done=1;
}

function decrypt(text, max, delay){
if (done){
  done = 0;
  decrypt_helper(text, max, delay,  0, max);
  }

}

function decrypt_helper(text, runs_left, delay, charvar, max){
if (!done){
runs_left = runs_left - 1;
var status = text.substring(0,charvar);
for(var current_char = charvar; current_char < text.length; current_char++){
  status += data.charAt(Math.round(Math.random()*data.length));
  }
window.status = status;
var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
var new_char = charvar + 1;
var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");"
if(runs_left > 0){
  setTimeout(rerun, delay);
  }
else{
  if (charvar < text.length){
   setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
   }
  else
   {
   done = 1;
   }
  }
}
}
//-->
</script>

<!-- 페이지 로드시 -->
<body onload="statusIn('▣ Computer Tip - Source Room & Tagpia - http://oxtag.com ▣');return true">
<font style=font-size:9pt>
<br>

1. 페이지 로드시<br><br>


<!-- 마우스 오버시 -->
2. 마우스 오버시 -->
<span onmouseover="statusIn('▣ Computer Tip - Source Room & Tagpia - http://oxtag.com ▣');return true" onmouseout="statusOut();">상태바 메트릭스 -_-;</span>


<br><br>


<!-- 마우스 클릭시 -->
3. 마우스 클릭시 -->
<span onclick="statusIn('▣ Computer Tip - Source Room & Tagpia - http://oxtag.com ▣');return true" onmouseout="statusOut();">상태바 메트릭스 -_-;</span>


<br><br>

4. 이미지태그나 하이퍼링크 또는 기타 태그에 적용하시면 됨니다.

</font>
반응형

'인터넷정보' 카테고리의 다른 글

가운데 새창열기  (0) 2007.10.17
접속할때마다 배경이미지 랜덤 바꾸기  (0) 2007.10.17
접속할때마다 배경이미지 랜덤 바꾸기  (0) 2007.10.17
글자, 이미지등 마우스오버시/클릭시 웨이브효과  (0) 2007.10.17
글자, 이미지등 마우스오버시/클릭시 웨이브효과  (0) 2007.10.17
상태바 애니메이션  (0) 2007.10.17
이동 메뉴 또는 떠있는 레이어  (0) 2007.10.17
이동 메뉴 또는 떠있는 레이어  (0) 2007.10.17
브라우져언어에 따라 링크주소 다르게 이동  (0) 2007.10.17
브라우져언어에 따라 링크주소 다르게 이동  (0) 2007.10.17

'인터넷정보'의 다른글

  • 현재글상태바 애니메이션

관련글

댓글

티스토리툴바