[굿잡] 물결 치는 텍스트 ~ 정보
javascript [굿잡] 물결 치는 텍스트 ~
본문
추천
0
0
댓글 전체
^^ 좋은 소스 감사합니다...
따로 파일을 만들지 않아도 자바에러는 없나요?
따로 만들어야만 하는 것이 있어서 글남깁니다...^^
따로 파일을 만들지 않아도 자바에러는 없나요?
따로 만들어야만 하는 것이 있어서 글남깁니다...^^
수정본..
아! 참으로 신기하다. 하하.. 공지사항에 넣으면 좋다.
아! 참으로 신기하다. 하하.. 공지사항에 넣으면 좋다.
표준어를 사용합시다.^^;
+++ 소스 내용 +++
<html>
<head>
<title>물결치는 텍스트</title>
</head>
<body>
<br><br>
<div id="jump" align=center></div>
<script language="javascript">
<!--
message= "아따, 거~ 참말루 신기하구마이.. ㅎㅎ.. 공지사항 같은 곳에다 넣으면 적격이구마이!!" // 여기에 텍스트 입력
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(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(){
n0.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}
function jump1b(){
n0.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)
}
}
jump0()
//-->
</script>
</body>
</html>
<html>
<head>
<title>물결치는 텍스트</title>
</head>
<body>
<br><br>
<div id="jump" align=center></div>
<script language="javascript">
<!--
message= "아따, 거~ 참말루 신기하구마이.. ㅎㅎ.. 공지사항 같은 곳에다 넣으면 적격이구마이!!" // 여기에 텍스트 입력
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(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(){
n0.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}
function jump1b(){
n0.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)
}
}
jump0()
//-->
</script>
</body>
</html>