http://oxtag.com/html/ex/jump_text.html
아래는 전체 소스입니다.
미리보기는 링크를 클릭하세요.
<html>
<head>
<title> ♡ Camelot™의 태그피아 ♡ </title>
</head>
<body>
<script language="JavaScript1.2">
message=" ~~~~~~~~~~~~~~~~~~~~~~~ ♡ Camelot™의 태그피아 ♡ ~~~~~~~~~~~~~~~~~~~~~~~ "
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+""+message.charAt(i)+""
}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
setTimeout("jump2()",50)
}
else{
num=0;
setTimeout("jump0()",50)
}
}
</script></body><div id="jumpx" align="center" style="font-size:9pt"></div>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>
</body>
</html>
반응형
'인터넷정보' 카테고리의 다른 글
| 이미지 위에 마우스를 올려 놓으면 이미지가 활성화 되는 스크립트 (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 |