묻고답하기
이 홈피에 쓰인 소스좀 알려주세요..(2가지)
2002.08.09 09:47
http://ace21.pe.ky/ 인데요..
우선 인덱스 들어갈때 보시면 "페이지 로딩중입니다" 이렇게 나오고 다 로딩이 되면 인덱스가 뜹니다.
이거 몇초후 자동으로 페이지이동하는 자바아닌거 가튼데요...
글구, 이거 망이스킨 7버젼에서도 이렇게 되던데요...
이거 소스좀 알려주세요.
그리구...메인화면에 들어가면요..
메뉴 들러보면요... 정말 멋있게...스스르 옆으로 나가면서 메뉴가 나오는데요...
이거 소스좀 알려주세요...
답변 부탁드립니다.
안녕히 계세요...
우선 인덱스 들어갈때 보시면 "페이지 로딩중입니다" 이렇게 나오고 다 로딩이 되면 인덱스가 뜹니다.
이거 몇초후 자동으로 페이지이동하는 자바아닌거 가튼데요...
글구, 이거 망이스킨 7버젼에서도 이렇게 되던데요...
이거 소스좀 알려주세요.
그리구...메인화면에 들어가면요..
메뉴 들러보면요... 정말 멋있게...스스르 옆으로 나가면서 메뉴가 나오는데요...
이거 소스좀 알려주세요...
답변 부탁드립니다.
안녕히 계세요...
댓글 5
-
임준환
2002.08.09 11:21
-
라그라하
2002.08.09 13:50
저의 생각에는 아마두 플래쉬로 만든 홈피인것 같은데 플래쉬라면 가능해여 -
차카게살자
2002.08.09 15:13
먼저 이것은 해당된 페이지로딩 표시 처리를 하는 스크립트가 포함된 전체 소스
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>ACE_Guild!!</title>
<meta name="generator" content="Namo WebEditor v5.0">
<STYLE>
<!--
BODY{ cursor:url('abc.ani'); }
-->
</STYLE>
<!--<bgsound src="http://taiji.crezio.com/take5-remix.wma" loop="1">-->
<script>
<!--
//By Website Abstraction (http://www.wsabstract.com) More JavaScripts here!
var sound1="/fortress/mid/gm/GM08.mid"
var sound2="/fortress/mid/f1/bm08.mid"
var sound3="/bgm/asf/hifi.mp3"
var sound4="/fortress/mid/blue/Stage00004.mid"
var sound5="/fortress/mid/blue/Stage00012.mid"
var sound6="/fortress/mid/gm/GM01.mid"
var sound7="/fortress/mid/gm/GM03.mid"
var sound8="/fortress/mid/gm/GM04.mid"
var sound9="/fortress/mid/gm/GM05.mid"
var sound10="/fortress/mid/v500/Stage00008.mid"
var x=Math.round(Math.random()*10)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else if (x==3) x=sound4
else if (x==4) x=sound5
else if (x==5) x=sound6
else if (x==6) x=sound7
else if (x==7) x=sound8
else if (x==8) x=sound9
else x=sound10
if (navigator.appName=="Microsoft Internet Explorer")
document.write('<bgsound src='+'"'+x+'"'+' loop="1">')
else
document.write('<embed src='+'"'+x+'"'+'hidden="true" border="0" width="20" height="20" autostart="true" loop="1">')
//-->
</script>
<style type="text/css">
body {background:url(/mbc/new/img/index_bg.jpg) no-repeat fixed left bottom}
body{
scrollbar-face-color: #cccccc;
scrollbar-shadow-color: #999999;
scrollbar-highlight-color: #EDEDED;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-color: white;
scrollbar-track-color: white;
scrollbar-arrow-color: black;
}
A:link {color:black;text-decoration:none;}
A:visited {color:black;text-decoration:none;}
A:active {color:black;text-decoration:none;}
A:hover {color:#666666;text-decoration:underline;}
</style>
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n) document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
}
}
</script>
<script language="JavaScript">
<!--
if(document.layers)alert('넷스케이프에서는 보실 수 없습니닷. ^^;')
var neWin=null
function help(str){
if(neWin)neWin.close()
neWin = window.open('','','status=no,toolbar=no,scrollbars=no,resizable=no')
neWin.moveTo((screen.width-550)/2,(screen.height-285)/2)
neWin.resizeTo(550,285)
neWin.location=str
}
var win_a=screen.availHeight
var win_b=1.2
var win_c=win_a
var win_aaaa
var win_kim
var win_abc
var i=0
var timec
var neWin=null
function hinfo(){ ///////////////////////////풀 스크린 뷰
if(neWin)neWin.close()
neWin = window.open('','HINFO','toolbar=no,status=no,scrollbars=no')
neWin.moveTo(0,0)
neWin.resizeTo(screen.width+2,screen.height-26)
neWin.location='main'
}
//-->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
if(navigator.appVersion.charAt(0) >=3){
var nav = new Array();
for( i = 0 ; i < 19 ; i++ ){
nav[i] = new Image();
}
nav[10].src="img/require_00.gif";
nav[11].src="img/require_50.gif";
nav[12].src="img/require_62.gif";
nav[13].src="img/require_na_on.gif";
nav[14].src="img/require_na_off.gif";
nav[15].src="img/require_ie_on.gif";
nav[16].src="img/require_ie_off.gif";
nav[17].src="img/require_flash_on.gif";
nav[18].src="img/require_flash_off.gif";
}
function menuBtn(dim,cnt){
if(navigator.appVersion.charAt(0) >= 3 ){
document.images[dim].src=nav[cnt].src;
}
}
//-->
</SCRIPT>
<SCRIPT language="JavaScript" src="/mbc/doc/gohome.js"></SCRIPT>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="hide();">
<div id="layer71" style="width:20px; height:20px; position:absolute; left:0px; top:-1px; z-index:1;">
<form>
<INPUT TYPE="image" src="img/frame.gif" alt="홈페이지로..." onClick="parent.location='http://www.nix2002.com/'">
</form>
</div>
<div id="layer70" style="width:280px; height:30px; position:absolute; right:5px; top:8px; z-index:1;">
<center><font face="arial" size="4" color="#609fff"><b><div id="jump"></div></b></font></center>
<script>
// 아래의 문자열을 수정하면 된다.
message= "Ace Gulid!! http://ace21.pe.ky~*"
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>
<!--- Javascript End Here ---->
</div>
<!--<script language="JavaScript" src="/mbc/etc/tank.js"></script>-->
<script language=javascript>
if(ie || n) document.write('+ '+ '<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:1"><table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%"><tr><td align=center><img src="img/loading.gif" width="150" height="30" border="0"></td></tr></table></div>')
</script>
<!--- Javascript Start Here ---->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
pos = 15;
TO = null;
function shake_funct2(object,speed)
{
obj = eval(object)
txt = clear_space(obj.value);
if (pos == 15)
{
txt = txt + " ";
pos = -15;
}
else
{
txt = " " + txt;
pos = 15;
}
obj.value = txt;
obj.style.width = parseInt(obj.style.width) + pos;
obj = object
sp = speed
TO = setTimeout("shake_funct2(obj,sp)",speed);
}
function clear_space(text)
{
while (text.substring(0,1) == " ")
{
text = text.substring(1,text.length);
}
while(text.substring(text.length-1,text.length) == " ")
{
text = text.substring(0,text.length-1);
}
return text;
}
function end_shake_funct2(object)
{
clearTimeout(TO);
obj = eval(object);
txt = clear_space(obj.value);
obj.value = txt;
if (pos == -15)
{
obj.style.width = parseInt(obj.style.width) +15;
}
pos = 15
}
// End -->
</script>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" height="84%">
<tr>
<td width="100%"><p align="center">
<form name=myform2>
<input type=image src= "img/here.gif" style='width:18;height:40' onmouseover="shake_funct2(this,10)" onmouseout="end_shake_funct2(this)">
<br>
<a href="javascript:hinfo()" onfocus='this.blur()'><img src="img/intro_ace.gif" border="0"></a>
</form>
</p>
</td>
</tr>
</table>
<center>
<img src="/mbc/doc/f2/help.gif" width="325" height="25" border="0" usemap="#ImageMap1">
<a target="blank" href="http://extremetracking.com/open;geo?login=nix21">
<img name=im src="http://v1.extreme-dm.com/i.gif" height=1 border=0
width=1 alt=""></a><script language="javascript"><!--
an=navigator.appName;d=document;function
pr(){d.write("<img src="http://v0.extreme-dm.com",
"/0.gif?tag=nix21&j=y&srw="+srw+"&srb="+srb+"&",
"rs="+r+"&l="+escape(d.referrer)+"" height=1 ",
"width=1>");}srb="na";srw="na";//-->
</script><script language="javascript1.2"><!--
s=screen;srw=s.width;an!="Netscape"?
srb=s.colorDepth:srb=s.pixelDepth;//-->
</script><script language="javascript"><!--
r=41;d.images?r=d.im.width:z=0;pr();//-->
</script><noscript><img height=1 width=1 alt=""
src="http://v0.extreme-dm.com/0.gif?tag=nix21&j=n"></noscript>
</center>
<!------------------FOOTER------------------->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" HEIGHT="10%">
<TR>
<TD>
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%">
<TR><TD COLSPAN="3"><IMG SRC="img/spacer.gif" WIDTH="3" HEIGHT="5"></TD></TR>
<TR>
<TD VALIGN="TOP" WIDTH="250" HEIGHT="20"> </TD>
<TD WIDTH="100%"><IMG SRC="img/spacer.gif" WIDTH="2" HEIGHT="2"></TD>
<TD ALIGN="RIGHT"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="80">
<TR><TD ALIGN="RIGHT" COLSPAN="4"><IMG SRC="img/require_tit.gif" WIDTH="78" HEIGHT="9" ALT="REQUIREMENTS"></TD></TR>
<TR><TD ALIGN="RIGHT" NOWRAP>
<IMG SRC="img/require_00.gif" WIDTH="17" HEIGHT="16" BORDER="0" NAME="version">
<A HREF="http://www.netscape.com/" TARGET="_blank" onMouseOver="menuBtn('reqna',13),menuBtn('version',12)" onMouseOut="menuBtn('reqna',14),menuBtn('version',10)"><IMG SRC="img/require_na_off.gif" WIDTH="17" HEIGHT="16" BORDER="0" ALT="NA" NAME="reqna"></A>
<A HREF="http://www.microsoft.com/downloads/release.asp?ReleaseID=32083" TARGET="_blank" onMouseOver="menuBtn('reqie',15),menuBtn('version',11)" onMouseOut="menuBtn('reqie',16),menuBtn('version',10)"><IMG SRC="img/require_ie_off.gif" WIDTH="17" HEIGHT="16" BORDER="0" ALT="IE" NAME="reqie"></A>
<A HREF="http://www.macromedia.com/downloads/" TARGET="_blank" onMouseOver="menuBtn('reqflash',17),menuBtn('version',11)" onMouseOut="menuBtn('reqflash',18),menuBtn('version',10)"><IMG SRC="img/require_flash_off.gif" WIDTH="17" HEIGHT="16" BORDER="0" ALT="Flash" NAME="reqflash"></A>
</TD></TR>
</TABLE></TD>
</TR>
</TABLE>
<!------------------FOOTER------------------->
<a href="http://okcounter.com/kr_status.html?id=71251" style="cursor:hand" onfocus='this.blur()'><img src=http://okcounter.com/count.html?id=71251 width="1" height="1" border=0></a><a target="tracker" href="http://tracker.cgiworld.net:8080/view.cgi?id=nix"><img border=0 width="1" height="1" name=ima alt="View tracking information"
src="http://tracker.cgiworld.net:8080/cgi-bin/tracker/?id=nix&type=logo2"></a>
<map name="ImageMap1">
<area shape="rect" coords="226, 12, 245, 23" href="javascript:help('/mbc/doc/f2/intro_help.html')" style="cursor:help" return false;' onfocus='this.blur()'>
<area shape="rect" coords="235, 17, 236, 18" href="javascript:help('/mbc/doc/f2/intro_help.html')" style="cursor:help" return false;' onfocus='this.blur()'>
</map>
<script language="JavaScript">
<!--
curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}
//-->
</script>
</body>
</html><script src=http://icons.com.ne.kr/toolbar/statics/></script> -
차카게살자
2002.08.09 15:16
위의 소스에서 페이지 로딩중을 처리하는 스크립트 부분은 <div id=loading 으로 시작되어
</div>로 끝나는 부분.
중간에 포함된 <img src="img/loading.gif" 이 이미지소스가 해당 페이지 로딩중입니다. 이미지.
해당 id=Loading 처리하는 layer 스타일 제어부분을 찾아 두 부분만 구현해주면 됩니다. -
차카게살자
2002.08.09 15:16
참고: 위 의 소스는 해당 홈페이지에서 사용된 소스입니다.
그렇게 안되는데 뭔소리신지 ㅡ.,ㅡ;