메세지들을 타이핑하듯 멋지게 애니메이션 시킨 후 다른 페이지로 이동시킵니다
인트로 페이지에 사용할 수 있는 스크립트 입니다
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> script </title>
</head>
<body>
<!---- 아래의 방법으로 <BODY> 와 </BODY> 태그 사이에 붙여 넣으세요 --->
<script>
<!--
// 보여줄 메세지들을 설정 하세요
var message=new Array()
message[0]="자바스크립트 소스뱅크에 오신것을 환영합니다"
message[1]="Welcome to JavaScript Source Bank"
message[2]="소스창고는 매일 매일 재미있고 유용한 스크립트 소스들을 공개합니다"
message[3]="Have a Nice Day"
// 티커의 크기를 설정 하세요
var tickerwidth=400 // 가로
var tickerheight=300 // 세로
// 글꼴을 설정 하세요
var tickerfont="Arial"
// 글자의 크기
var tickerfontsize=5
// 글자의 색상
var tickerfontcolorpre="#FFFF00"
var tickerfontcolormark="#FFFFFF"
var tickerfontcolorafter="#333333"
// 배경색상
var backgroundcolor="black"
// 각 단어간의 지연시간 (1000 = 1 초)
var pausebetweenwords=200
// 각 메세지간의 지연시간 (1000 = 1 초)
var pausebetweenmessages=1000
// 페이드 효과 이후의 지연시간 (1000 = 1 초)
var pauseafterfade=1000
// 애니메이션 후 이동될 페이지
var linkurl="http://www.yahoo.com"
var transparency=100
var transparencystep=5
var windowheight=0
var windowwidth=0
var x_pos=0
var y_pos=0
var i_message=-1
var messagesplit=""
var i_messagesplit=0
var i_mark=0
var tickercontent
var pausefade=40
var linkurlloaded=false
var oneloopfinished=false
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
function splitmessage() {
transparency=100
if (ie) {
i_message++
if (i_message>=message.length) {oneloopfinished=true}
if (i_message>=message.length) {i_message=0}
i_mark=0
messagesplit=message[i_message].split(" ")
for (i=0;i<messagesplit.length;i++) {
messagesplit[i]=messagesplit[i]+" "
}
messagesplit[messagesplit.length]=" "
document.all.ticker.filters.alpha.opacity=transparency
if (oneloopfinished && linkurlloaded) {
document.location.href="linkurl
}
else {
runticker()
}
}
else if (ns6 || ns4) {
i_message++
if (i_message>=message.length) {document.location.href="linkurl}
else {
i_mark=0
messagesplit=message[i_message].split(" ")
for (i=0;i<messagesplit.length;i++) {
messagesplit[i]=messagesplit[i]+" "
}
messagesplit[messagesplit.length]=" "
if (ns6) {
document.getElementById('ticker').style.MozOpacity=transparency/100
}
runticker()
}
}
else {
document.location.href="linkurl
}
}
function runticker() {
if (i_mark<messagesplit.length) {
gettickercontent()
if (ie) {
ticker.innerHTML=tickercontent
}
if (ns6) {
document.getElementById('ticker').innerHTML=tickercontent
}
if (ns4) {
document.ticker.document.write(tickercontent)
document.ticker.document.close()
}
i_mark++
var tickertimer=setTimeout("runticker()",pausebetweenwords)
}
else {
clearTimeout(tickertimer)
setTimeout("fade()",pausebetweenmessages)
}
}
function fade() {
if (transparency>0){
transparency-=transparencystep
if (ie) {
document.all.ticker.filters.alpha.opacity=transparency
}
if (ns6) {
document.getElementById('ticker').style.MozOpacity=transparency/100
}
var fadetimer=setTimeout("fade()",pausefade)
}
else {
clearTimeout(fadetimer)
setTimeout("splitmessage()",pauseafterfade)
}
}
function gettickercontent() {
tickercontent="<table width="+tickerwidth+" height="+tickerheight+" cellpadding=0 cellspacing=0 border=0><tr valign=middle><td align=center>"
tickercontent+="<font face=""+tickerfont+"" size="+tickerfontsize+" color=""+tickerfontcolorpre+"">"
for (i=0;i<i_mark;i++) {
tickercontent+=messagesplit[i]
}
tickercontent+="</font>"
tickercontent+="<font face=""+tickerfont+"" size="+tickerfontsize+" color=""+tickerfontcolormark+"">"
tickercontent+=messagesplit[i_mark]
tickercontent+="</font>"
tickercontent+="<font face=""+tickerfont+"" size="+tickerfontsize+" color=""+tickerfontcolorafter+"">"
for (i=(i_mark+1);i<messagesplit.length;i++) {
tickercontent+=messagesplit[i]
}
tickercontent+="</font>"
tickercontent+="</td></tr></table>"
}
setposition()
function setposition() {
if (ie) {
windowheight=document.body.clientHeight
windowwidth=document.body.clientWidth
}
if (ns6) {
windowheight=window.innerHeight
windowwidth=window.innerWidth
}
if (ns4) {
windowheight=window.innerHeight
windowwidth=window.innerWidth
}
x_pos=(windowwidth-tickerwidth)/2
y_pos=(windowheight-tickerheight)/2
document.bgColor=backgroundcolor
}
function jump() {
linkurlloaded=true
}
if (ie) {
document.write("<div id="ticker" style="position：absolute;top:"+y_pos+"px;left:"+x_pos+"px;width:"+tickerwidth+"px;height:"+tickerheight+"px;overflow:hidden;filter:alpha(opacity=100);-moz-opacity:100">")
document.write("</div>")
document.write("<iframe onLoad="jump()" src="+linkurl+" width=0 height=0></iframe>")
splitmessage()
}
else if (ns6) {
document.write("<div id="ticker" style="position：absolute;top:"+y_pos+"px;left:"+x_pos+"px;width:"+tickerwidth+"px;height:"+tickerheight+"px;overflow:hidden;-moz-opacity:100">")
document.write("</div>")
splitmessage()
}
else if (ns4) {
document.write("<layer name="ticker" width="+tickerwidth+" height="+tickerheight+" top="+y_pos+" left="+x_pos+">")
document.write("tickercontent")
document.write("</layer>")
document.close()
window.onload=splitmessage
}
else {
document.location.href="linkurl
}
//-->
</script>
<!------------------------- 여기까지 ------------------------------------>
</body>
</html>
댓글 0
- 전체
- 자유게시판
- 컴퓨터/IT
- 연애/결혼
- 생활지혜/상식
- 홍보팁
- 재테크/카드
- 카페/블로그
- 여행
- 부부생활
- 심리
- 음악/미술
- 법률
- 건강
- 역사
- 인테리어/DIY
- 밀리터리
- 해외직구
- 예능/영화
- 미스테리
- 임신/육아
- 다이어트
- 음식/주방/요리
- 운전/자동차
- 낚시
- 휴대폰
- 운동
- 게임/만화
- 취업/알바/부업
- 사진
- 이사/이민
- 패션/뷰티
- 경제/주식
- 부동산
- 그 외..
| 번호 | 제목 | 글쓴이 |
|---|---|---|
| 3421 | 심장 건강에 좋은 습관 8가지 [1] | 뉴퐁 |
| 3420 | 잠잘 때 왼쪽으로 자면 생기는 신체 변화 7가지 [2] | 뉴퐁 |
| 3419 | 스트레스를 줄이는 놀라운 방법 6가지 [2] | 싹쓰리 |
| 3418 | 여성이 팬티에 대해 알아야 할 7가지 [3] | 싹쓰리 |
| 3417 | 끓였던 물을 또 끓이면 안 되는 이유 [1] | 싹쓰리 |
| 3416 | "치주염 환자, 코로나 감염 땐 사이토카인 폭풍 가능성 높아" [1] | 쌍둥이맘 |
| 3415 | 스마트스토어 상위 노출 꿀팁. 경쟁률 낮은 세부키워드 뽑는 방법 [2] | 나혼자번다 |
| 3414 |
열감지 안면인식 출입관리솔루션 400만원짜리를 40만원에(정부지원사업)
[1]  | 나혼자번다 |
| 3413 | 전자렌지요리 만능 레시피 대공개!! [3] | 나혼자번다 |
| 3412 | 식초로 집안을 반짝반짝하게!! 식초 청소법 [4] | 쌍둥이맘 |
| 3411 | 마시고 남은 김빠진 맥주 활용법 [2] | 쌍둥이맘 |
| 3410 | 계란을 먹은 후 절대 바로 먹으면 안되는 것들 | 쌍둥이맘 |
| 3409 | 아주 유용한 커피상식 | 쌍둥이맘 |
| 3408 | 간 건강과 지방간 완화에 아주 효과적인 채소는? [2] | 싹쓰리 |
| 3407 | 골다공증 예방과 뼈에 아주 좋은 음식 8가지 | 싹쓰리 |
| 3406 | 체했을 때, 감기 걸렸을 때, 관절염 통증에는 이것이 최고!! | 싹쓰리 |
| 3405 | 장을 편안하게 하면서 소화를 돕는 식품 5가지 [1] | 싹쓰리 |
| 3404 | 초보운전자가 반드시 알아야 하는 고속도로 운전매너 5 [1] | 싹쓰리 |
| 3403 | 머리카락이나 두피를 상하게 하는 사소한 습관 5 | 라이믹스 |
| 3402 | 어둡고 칙칙한 피부를 환하게 해주는 필수적인 습관 5 | 라이믹스 |