이 스크립트는 홈페이지에 대한 개략적인 내용을 슬라이드 형식으로 소개할 수 있는 스크립트 입니다.
텍스트는 물론, 이미지, HTML 태그도 사용이 가능합니다
애니메이션이 끝나거나 skip 버튼을 누르면 원하는 페이지로 이동합니다
<!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>
<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->
<style type="text/css">
body { background-color:#000000; color:white; overflow:hidden }
/* 이곳에서 각 메세지 레이어의 크기와 색상 등을 설정 하세요 */
#skipDiv {position:absolute; visibility:hidden; width:80px; }
#skipDiv a:link, #skipDiv a:visited { font-family: 굴림, arial, helvetica, sans-serif; font-size:10pt; color:#dee7f7; }
#wipeDiv1 { position:absolute; visibility:hidden; left:0px; top:0px; width:1px; height:1px; z-index:1; }
.wipe { color:gold; font-family: 굴림, verdana, arial, helvetica, sans-serif; }
.wipe1 { font-size:36pt; }
.wipe2 { font-size:22pt; }
.wipe3 { font-size:18pt; }
</style>
<script src="wipes.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
<!--
dom = (document.getElementById) ? true : false;
ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
ns4 = (document.layers && !dom) ? true : false;
ie4 = (document.all && !dom) ? true : false;
opr= navigator.userAgent.indexOf("Opera")!=-1
nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
// 이미지를 사용하려면 이곳에 배열형태로 설정하여 미리 불러올 수 있습니다
// 각 이미지 사이에는 콤마(,) 로 연결하세요
var wipe_imgs=new Array(
'http://www.javascript.co.kr/banners/ban_2001_05.gif'
);
if (document.images) {
var theImgs=new Array();
for (var i=0;i<wipe_imgs.length;i++) {
theImgs[i]=new Image();
theImgs[i].src=wipe_imgs[i];
}
}
// 보여줄 메세지들을 설정 하세요
var wipe_array=new Array(
'<span class="wipe1">소스창고</span>',1000,
'<span class="wipe3">JavaScript Source Bank</span>',2500,
'<span class="wipe2">인트로 페이지에 사용하면 좋겠죠?</span>',2500,
'<span class="wipe3"><center>홈페이지<br><a href="http://www.jasko.co.kr/" target="_top"><img src="http://www.javascript.co.kr/banners/ban_2001_05.gif" border="0"></a></center></span>',2500
);
var wipe_final=new Array('Click here',2500);
var wipe_in_delay=1000; // 각 메세지간 지연시간
var wipe_out_delay=1200; // 메세지가 머물 시간
var wipe_out_dv=2.5; // 수정하지 마세요
var dest_delay=0; // 지정된 주소로 이동하기전 지연시간
// 인트로 무비가 끝나면 이동할 장소
function setDest() {
window.location = "http://bizsrever.new21.net/";
}
if (opr||nodyn)
setDest()
function initDynLyrs() {
if (nodyn) setDest();
positionBotmRt('skipDiv');
wipeLyr1 = new dynObj('wipeDiv1');
wipeLyr1.centerIn(window);
wipeLyr1.show();
doWipes();
}
window.onload=initDynLyrs;
//-->
</script>
<!------------------------- 여기까지 ---------------------------------->
</head>
<body>
<!---- [2단계] 아래의 방법으로 원하는 위치에 복사 해 넣으세요 ------------------>
<div id="wipeDiv1"></div>
<div id="skipDiv"><a id="skipLnk" href="javascript:setDest()">skip intro</a></div>
<!------------------------- 여기까지 ---------------------------------->
</body>
</html>
<!---- [3단계] wipes.js 파일을 같은 경로에 업로드 해 넣으세요 ------------------>