<!---- [1단계] <BODY> 태그안에 있는 코드를 복사 해 넣으세요 ---------------> <body onLoad="StartHeadliner()"> <!------------------------- 여기까지 ----------------------------------> <!---- [3단계] 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요 ----> <SCRIPT LANGUAGE="JavaScript"> <!-- typeWriterWait=120 // TypeWriter 효과 지연속도 blinkTextWait=1000 // Blink 효과 지연시간 blinkSpacesWait=300 // Blink 공백 지연시간 blinkMax=3 // Blink 횟수 expandWait=100 // Expand 효과의 지연시간 scrollWait=90 // 스크롤 효과의 지연시간 scrollWidth=34 // 스크롤 글자수 randomLines=false // 랜덤하게 메세지를 보여줄지 여부 (true/false) lineMax=8 // 전체 메세지 라인수 lines=new Array(lineMax) // (메세지, 링크, 타겟, 효과, 지연시간) 의 형식으로 메세지들을 설정 하세요 // 사용할 수 있는 효과는 Blink, Scroll, Static, Expand, TypeWriter 등이 있습니다 lines[1]=new Line("자바스크립트 소스", "http://www.linfree.com", "", Blink, 500) lines[2]=new Line("웹메일 커뮤니케이션", "http://www.daum.net", "_search", Scroll, 1000) lines[3]=new Line("야후! 코리아", "http://www.yahoo.co.kr", "", Static, 3500) lines[4]=new Line("네이버 웹서치", "http://www.naver.com", "", Expand, 2000) lines[5]=new Line("폼버튼에 스타일을 사용하면 재밋습니다", "", "", Scroll, 3000) lines[6]=new Line("버튼처럼 보이지 않죠?", "","", TypeWriter, 1500) lines[7]=new Line("스크립트 코드의 맨 마지막에서 2번째 라인을 보세요", "", "", TypeWriter, 2500) lines[8]=new Line("폼 버튼에 스타일을 추가하였습니다", "", "", Static, 3500) lineText="" timerID=null timerRunning=false spaces="" charNo=0 charMax=0 charMiddle=0 lineNo=0 lineWait=0 function Line(text, url, frame, type, wait) { this.text=text this.url=url this.frame=frame this.Display=type this.wait=wait } function StringFill(c, n) { var s="" while (--n >= 0) { s+=c } return s } function getNewRandomInteger(oldnumber, max) { var n=Math.floor(Math.random() * (max - 1) + 1) if (n >= oldnumber) { n++ } return n } function getRandomInteger(max) { var n=Math.floor(Math.random() * max + 1) return n } function GotoUrl(url, frame) { if (frame != '') { if (frame == 'self') self.location.href=url else if (frame == 'parent') parent.location.href=url else if (frame == 'top') top.location.href=url else { s=eval(top.frames[frame]) if (s != null) top.eval(frame).location.href=url else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes") } } else window.location.href=url } function Static() { document.formDisplay.buttonFace.value=this.text timerID=setTimeout("ShowNextLine()", this.wait) } function TypeWriter() { lineText=this.text lineWait=this.wait charMax=lineText.length spaces=StringFill(" ", charMax) TextTypeWriter() } function TextTypeWriter() { if (charNo <= charMax) { document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo) charNo++ timerID=setTimeout("TextTypeWriter()", typeWriterWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function Blink() { lineText=this.text charMax=lineText.length spaces=StringFill(" ", charMax) lineWait=this.wait TextBlink() } function TextBlink() { if (charNo <= blinkMax * 2) { if ((charNo % 2) == 1) { document.formDisplay.buttonFace.value=lineText blinkWait=blinkTextWait } else { document.formDisplay.buttonFace.value=spaces blinkWait=blinkSpacesWait } charNo++ timerID=setTimeout("TextBlink()", blinkWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function Expand() { lineText=this.text charMax=lineText.length charMiddle=Math.round(charMax / 2) lineWait=this.wait TextExpand() } function TextExpand() { if (charNo <= charMiddle) { document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo) charNo++ timerID=setTimeout("TextExpand()", expandWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function Scroll() { spaces=StringFill(" ", scrollWidth) lineText=spaces+this.text charMax=lineText.length lineText+=spaces lineWait=this.wait TextScroll() } function TextScroll() { if (charNo <= charMax) { document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo) charNo++ timerID=setTimeout("TextScroll()", scrollWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function StartHeadliner() { StopHeadliner() timerID=setTimeout("ShowNextLine()", 2000) timerRunning=true } function StopHeadliner() { if (timerRunning) { clearTimeout(timerID) timerRunning=false } } function ShowNextLine() { if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax) else (lineNo < lineMax) ? lineNo++ : lineNo=1 lines[lineNo].Display() } function LineClick(lineNo) { document.formDisplay.buttonFace.blur() if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame) } with (document) { write('<center><form name="formDisplay"><input type="button"') write('name="buttonFace" value="자바스크립트 소스 라이브러리"') write('onClick="LineClick(lineNo)" style="height:30;font-size:20;font-weight:bold;color:white;border:none;background-color:#FFCC00"></input></form></center>') } // --> </SCRIPT> <!------------------------- 여기까지 ---------------------------------->
기본
2013.09.12 23:50
보기좋은 글자 효과 배너 스크립트
조회 수 4928 추천 수 0 댓글 1
미리보기 | http://linfree.com/javaboard/46.html |
---|
-
?
미리보기에 잘 되어 있습니다.
웹코드
자바스크립트
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
52 | Math.abs // Math.round 뜻 | 보석 | 2015.01.27 | 2027 | |
51 | 계산기 html 소스 | 보석 | 2015.01.21 | 1683 | |
50 | 간단한 계산 소스 1 | 보석 | 2015.01.21 | 1670 | |
» | 기본 | 보기좋은 글자 효과 배너 스크립트 1 | 보석 | 2013.09.12 | 4928 |
48 | 기본 | 앞으로 가기, 뒤로가기 버튼 스크립트 1 | 보석 | 2013.09.12 | 4674 |
47 | 기본 | 클릭하면 이메일 보내기 실행하는 스크립트 | 보석 | 2013.09.12 | 4715 |
46 | 기본 | 버튼을 누르면 경고 맨트 출력 스크립트 | 보석 | 2013.09.12 | 4756 |
45 | 기본 | 좋아하는 색상을 입력하면 배경으로 출력하는 스크립트 | 보석 | 2013.09.12 | 4864 |
44 | 기본 | 배경음악 스크립트 | 보석 | 2013.09.12 | 4875 |
43 | 기본 | 랜덤 배경 스크립트 | 보석 | 2013.09.09 | 4773 |
42 | 기본 | 배경 출력 후 원하는 링크로 이동 시키는 스크립트 | 보석 | 2013.09.09 | 4435 |
41 | 기본 | 배경색 스크롤 박스 선택 스크립트(미리보기 참조) | 보석 | 2013.09.09 | 4090 |
40 | 기본 | 해당 링크에 마우스를 올리면 배경색이 바뀌는 스크립트 | 보석 | 2013.09.09 | 4217 |
39 | 기본 | 배경에 나이트클럽 효과 주는 스트립트 | 보석 | 2013.09.09 | 4065 |
38 | 기본 | 배경색 변하는 버튼 스크립트 | 보석 | 2013.09.09 | 3993 |
37 | 기본 | 배경화면 플래시(번쩍이는) 효과 스크립트 | 보석 | 2013.09.08 | 4390 |
36 | 기본 | 양쪽 마우스 금지(제한) 스크립트 | 보석 | 2013.09.08 | 4059 |
35 | 기본 | 왼쪽 마우스 금지(제한) 스크립트 | 보석 | 2013.09.08 | 4153 |
34 | 기본 | 오른쪽 마우스 금지 스크립트 | 보석 | 2013.09.08 | 4220 |
33 | 기본 | 다양한 css 링크스타일 입니다. | 보석 | 2013.09.08 | 4114 |