z

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



|

댓글 4개

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

<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 팁자료실

+
제목 글쓴이 날짜 조회
22년 전 조회 2,538
배부른꿀꿀이
22년 전 조회 1,942
22년 전 조회 1,566
22년 전 조회 1,848
22년 전 조회 4,545
22년 전 조회 1,920
22년 전 조회 2,320
시드니
22년 전 조회 1,464
22년 전 조회 1,642
22년 전 조회 1,754
22년 전 조회 2,905
22년 전 조회 2,139
22년 전 조회 1,779
22년 전 조회 3,209
22년 전 조회 2,195
22년 전 조회 2,516
22년 전 조회 1,618
22년 전 조회 1,884
22년 전 조회 2,245
22년 전 조회 2,381
🐛 버그신고