테스트 사이트 - 개발 중인 베타 버전입니다

위에서 하나씩 떨어지는 메뉴 스크립트

· 19년 전 · 1696
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> jasko sample script </title>

<!---- [1단계] 아래 코드를 <HEAD> 와 </HEAD> 태그 사이에 붙여 넣으세요 --->

<style type="text/css">
<!--
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
-->
</style>

<script language="javascript">
<!--
function dropMenu() {
speed=0;
topdistance=10; // 맨위 메뉴가 보여질 위쪽위치(위에서 10픽셀 떨어진 지점부터 메뉴가 보여집니다)
items=4;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
v=".pixelTop=",dS="",sD=".style";
}
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
}
}
// -->
</script>

</head>

<!---- [2단계] onLoad="dropMenu(), scrollItems();" 코드를 <BODY> 태그 안에 붙여 넣으세요 --->

<body bgcolor="white" text="black" link="white" vlink="white" alink="red" onLoad="dropMenu(), scrollItems();">

<!---- [2단계] 아래의 방법으로 <BODY> 와 </BODY> 태그 사이에 붙여 넣으세요 --->

<div id="object1" style="width:100px; height:100px; position:absolute; left:10px; top:-50px; z-index:2; visibility:show;">
<table style="border-width:1; border-color:silver; border-style:solid;" border="0" width=70 bgcolor=#0066FF>
<td>
<center>

<font size="2"><a href=#>메뉴 - 1</a></font>
</center>
</td>
</table>
</div>

<div id="object2" style="width:100px; height:100px; position:absolute; left:10px; top:-50px; z-index:2; visibility:show;">
<table style="border-width:1; border-color:silver; border-style:solid;" border="0" width=70 bgcolor=#333333>
<td>
<center>

<font size="2"><a href=#>메뉴 - 2</a></font>
</center>
</td>
</table>
</div>

<div id="object3" style="width:100px; height:100px; position:absolute; left:10px; top:-50px; z-index:2; visibility:show;">
<table style="border-width:1; border-color:silver; border-style:solid;" border="0" width=70 bgcolor=#FF6633>
<td>
<center>

<font size="2"><a href=#>메뉴 - 3</a></font>
</center>
</td>
</table>
</div>

<div id="object4" style="width:100px; height:100px; position:absolute; left:10px; top:-50px; z-index:2; visibility:show;">
<table style="border-width:1; border-color:silver; border-style:solid;" border="0" width=70 bgcolor=#008080>
<td>
<center>

<font size="2"><a href=#>메뉴 - 4</a></font>
</center>
</td>
</table>
</div>

<!------------------------- 여기까지 ------------------------------------>

</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
11483
11481
11615
11478
11477
11475
11474
11470
11469
11465
11464
11462
11460
11458
11455
11452
11450
11443
11438
11435
11433
11432
11430
11428
20678