javascript

javascript 팁이 있는 곳입니다.
관련메뉴 jquery | Vue.js
  • 웹미니 한줄 전광판 영역 입니다.
글 수 109

플래쉬효과 문자

2004.02.29 00:36:45 댓글 바로가기

집중모드 켜기

11

조회 수 : 5882 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
미리보기 :  
http://backzzanggu.intelnet.co.kr/study/typo.htm미리보기는 링크를 참조하시고, 소스는 다음과 같습니다.

<html>

<head>
<title>제목없음</title>

<!---스크립트는 여기에--------->

</head>
<body>

<h2><span id="fly"></span></h2>

<script>
window.onerror=new Function("return true")
message = "Welcome backzzanggu my hom"//메세지앞에 $를 넣으면 위치가바뀌면서 글이 다르게출력
distance = 50 // 폰트크기
speed = 100 // 속도

if (!document.all)
document.write('<h2>'+message+'</h2>')

</script>

<script language="JavaScript1.2">

txt="";num=0;num4=0;flyofle="";flyofwi="";flyofto=""
function stfly(){for(i=0;i != message.length;i++){if(message.charAt(i) != "$"){txt=txt+"<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"</span>"};else{txt=txt+"<br>"}};fly.innerHTML=txt;txt="";flyofle=fly.offsetLeft;flyofwi=fly.offsetWidth;flyofto=fly.offsetTop;fly2b()}
function fly2b(){if(num4 != message.length){if(message.charAt(num4) != "$"){eval("n"+num4+".style.left=flyofle-n"+num4+".offsetLeft+flyofwi/2");eval("n"+num4+".style.top=flyofto-n"+num4+".offsetTop+distance");eval("fly3('n"+num4+"',eval(n"+num4+".style.left.substring(0,n"+num4+".style.left.length-2)),(eval(n"+num4+".style.left.substring(0,n"+num4+".style.left.length-2))/5),eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2)),(eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2))/5))")};num4++;setTimeout("fly2b()",speed)}}
function fly3(target,lef2,num2,top2,num3){if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)){if(eval("'"+lef2+"'").charAt(0) != '-'){lef2=lef2-num2};else{lef2=lef2+(-num2)};if(Math.floor(lef2) != -1){eval(target+".style.visibility='visible';"+target+".style.left=Math.floor(lef2)")};else{eval(target+".style.visibility='visible';"+target+".style.left=Math.floor(lef2+1)")};if(eval("'"+lef2+"'").charAt(0) != '-'){top2=top2-num3};else{top2=top2+(-num3)};if(Math.floor(top2) != -1){eval(target+".style.top=Math.floor(top2)")};else{eval(target+".style.top=Math.floor(top2+1)")};setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)}};

stfly()

</script>

</body>

</html>

출처: 술도넷


11 0
이 글이 마음에 드셨다면 빽짱구님에게 포인트를 선물 하세요!
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/javascript/14335/11d/trackback
이 게시물을...
목록 이전 다음
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜 추천 수sort 조회 수
49 hit 팝업창 관련 속성들 title: [ani]깜빡이는 표정빽짱구 2006-02-07 7 11461
48 빈링크 #로 링크걸지 않고 다른방법으로 하기 [3] title: [ani]깜빡이는 표정빽짱구 2006-02-23 6 8014
47 외부에서 자바스크립 js 파일 불러들이기 title: [ani]깜빡이는 표정빽짱구 2005-12-21 6 6772
46 해상도가 틀리면 접속못하게 하는 소스 title: [ani]깜빡이는 표정빽짱구 2006-03-06 5 6850
45 잘못된 연산창 띄우기 title: [ani]깜빡이는 표정빽짱구 2005-11-28 5 5986
44 hit 여러 방법의 팝업창 소스 [6] title: [ani]깜빡이는 표정빽짱구 2008-02-27 4 66895
43 hit index 페이지에 다른문서 불러오기? title: [ani]깜빡이는 표정빽짱구 2006-03-09 4 10276
42 창의크기를 자연스럽게 조절하자 title: [ani]깜빡이는 표정빽짱구 2006-01-07 3 5316
41 hit 깔끔한 공지창 title: [ani]깜빡이는 표정빽짱구 2006-03-06 2 53001
40 클릭시 내용보여주고 숨기기 [1] title: [ani]방울UI 2013-06-25 1 5088
39 '베너가져가기' 클릭 시 "소스"가 복사되는 스크립트 정천 2010-03-05 1 8672
38 hit [Javascript]버튼클릭시 레이어창 띄우기 file [4] title: [ani]깜빡이는 표정빽짱구 2008-11-13 1 18717
37 hit 버튼클릭시 레이어창 띄우기 [1] title: [ani]깜빡이는 표정빽짱구 2008-06-19 1 16601
36 생활코딩이라는 사이트입니다. [3] title: [ani]깜빡이는 표정빽짱구 2014-05-14   2482
35 모바일 페이지 코딩시 주소창 사라지는 방법 title: [ani]깜빡이는 표정빽짱구 2012-10-12   6236
34 오늘날짜 스크립트 title: [ani]깜빡이는 표정빽짱구 2011-10-27   6634
33 새로고침할때마다 바뀌는 랜덤배너 소스 title: [ani]깜빡이는 표정빽짱구 2011-07-21   8503
32 이미지에 마우스 올리면... 이미지가 상하로 살짝쌀짝 웹기프트 2010-11-13   7007
31 롤링 자동 스크립트 웹기프트 2010-11-13   9127
30 아이폰으로 접속했을떄 특정 페이지로 이동시키는 자바스크립트 주영아빠 2010-10-26   7197
목록