z

[굿잡] 물결 치는 텍스트 ~

· 2003-10-25 (토) 20:41:40 · 3040 · 4


|

댓글 4개

^^ 좋은 소스 감사합니다...
따로 파일을 만들지 않아도 자바에러는 없나요?
따로 만들어야만 하는 것이 있어서 글남깁니다...^^
2003-10-25 (토) 21:12:53
수정본..
아! 참으로 신기하다. 하하.. 공지사항에 넣으면 좋다.
2003-10-25 (토) 21:02:39
표준어를 사용합시다.^^;
+++ 소스 내용 +++

<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>
댓글을 작성하시려면 로그인이 필요합니다.

그누3 팁자료실

1,026건
+
제목 글쓴이 날짜 조회
03-10-27 조회 2,324
03-10-27 조회 2,641
시드니
03-10-27 조회 1,786
03-10-25 조회 2,911
03-10-25 조회 3,041
03-10-25 조회 3,254
03-10-24 조회 2,445
03-10-24 조회 2,113
03-10-23 조회 3,540
03-10-23 조회 2,532
03-10-22 조회 2,849
03-10-22 조회 2,027
03-10-22 조회 3,215
03-10-22 조회 2,582
03-10-21 조회 2,705
03-10-21 조회 2,413
03-10-21 조회 2,707
03-10-20 조회 3,527
03-10-18 조회 3,747
03-10-16 조회 2,989