Menu

춤추는 글자

2016. 6. 1. 19:20

안개핑 Javascript

 

 

 

<SCRIPT language=JavaScript1.2>

message="세실리아의 홈입니다. 환영합니다! 삶의향기 화이팅!!"

ns6switch=1

 

var ns6=document.getElementById&&!document.all

mes=new Array();

mes[0]=-1;

mes[1]=-4;

mes[2]=-7;

mes[3]=-10;

mes[4]=-7;

mes[5]=-4;

mes[6]=-1;

num=0;

num2=0;

txt="";

function jump0(){

if (ns6&&!ns6switch){

jump.innerHTML=message

return

}

if(message.length > 6){

for(i=0; i != message.length;i++){

txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};

jump.innerHTML=txt;

txt="";

jump1a()

}

else{

alert("Your message is to short")

}

}

 

function jump1a(){

nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0

nfinal.style.left=-num2;

if(num2 != 9){

num2=num2+3;

setTimeout("jump1a()",50)

}

else{

jump1b()

}

}

 

function jump1b(){

nfinal.style.left=-num2;

if(num2 != 0){num2=num2-3;

setTimeout("jump1b()",50)

}

else{

jump2()

}

}

 

function jump2(){

txt="";

for(i=0;i != message.length;i++){

if(i+num > -1 && i+num < 7){

txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"

}

else{

txt=txt+"<span>"+message.charAt(i)+"</span>"

}

}

jump.innerHTML=txt;

txt="";

if(num != (-message.length)){

num--;

setTimeout("jump2()",50)

}

else{

num=0;

setTimeout("jump0()",50)

}

}

 

</SCRIPT>

 

<DIV id=jumpx style="FONT-SIZE: 9pt" align=center></DIV>

<p>
<SCRIPT>

 

if (document.all||document.getElementById){

jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx

jump0()

}

else

document.write(message)

</SCRIPT>

'Javascript' 카테고리의 다른 글

마우스 오버때 음악 나오게 하기  (0) 2016.06.01
주기적으로 바꾸는 스크롤바  (0) 2016.06.01
타이핑 효과3  (0) 2016.06.01
요일마다 바뀌는 배경색  (0) 2016.06.01
요일별로 배경그림바꾸기  (0) 2016.06.01