메뉴
자바스크립트 메뉴를 제어하는 스크립트 모음입니다.
[61] 예쁜 슬라이딩 메뉴 [Preview]
예쁜 슬라이딩 메뉴입니다..
홈에다가 사용할때 조금만 응용하여 사용하면
정말 좋겠군요..
저는 이런 생각을 했습니다.
그냥 이 소스를 가지구 브라우저를 꽉 채웁니다.
그리곤 꾸미는 겁니다. ^^

## 소스 ##
<BODY onLoad="init()">

<SCRIPT LANGUAGE="JavaScript">
<!--
/////////////////////////////////////////////
// :*: Happyscript :*: //
// 소스 : http://www.happyscript.net //
// 편집 and 소스 설명 : M .....
[62] 마우스를 가져가면 왼쪽에서 나오는 슬라이딩 메뉴 [Preview]
레이어를 이용해서 구현했습니다
색과 글꼴 등을 지정할수 있고 메뉴를 추가하기도 쉽습니다
[63] 마우스를 가져가면 위쪽에서 내려오는 슬라이딩 메뉴 [Preview]
레이어를 이용해서 구현했습니다
색과 글꼴 등을 지정할수 있고 메뉴를 추가하기도 쉽습니다
[64] 마우스가 올라가면 작동되는 트리구조형 메뉴 - 서브메뉴 여러개 보여주기 [Preview]
이건 클릭으로 하는게 아니라 온마우스오버 - 마우스가 메뉴에 올라갔을때 서브메뉴를 보여줍니다
서브메뉴를 여러개 보일수 있구요
하나만 보이게 하는건 이전 자료에 있습니다
[65] 마우스가 올라가면 작동되는 트리구조형 메뉴 - 서브메뉴 하나만 보여주기 [Preview]
이건 클릭으로 하는게 아니라 온마우스오버 - 마우스가 메뉴에 올라갔을때 서브메뉴를 보여줍니다
서브메뉴를 여러개 보여주는건 다음 자료에 있습니다
[66] 클릭으로 작동되는 트리구조형 메뉴 - 서브메뉴를 여러개 보여주기 [Preview]
아주 간단한 트리구조형 메뉴입니다
나모에서 수정하시면 안되구요
서브메뉴를 여러개 보여줍니다
메뉴가 적을때 사용하기 좋습니다
확인하는 가장 간단한 방법은 직접 보는거겠죠
[67] 클릭으로 작동되는 트리구조형 메뉴 - 서브메뉴를 하나만 보여주기 [Preview]
아주 간단한 트리구조형 메뉴입니다
나모에서 수정하시면 안되구요
서브메뉴를 하나만 보여줍니다
확인하는 가장 간단한 방법은 직접 보는거겠죠
[68] 선택하면 바로 이동하는 풀다운 메뉴 - 새창으로 [Preview]
버튼이 없고 풀다운 메뉴에서 선택하면 바로 새창이 뜹니다
창의 모양을 변화시킬수 있습니다
타겟을 지정하는건 이전 자료에 있습니다
[69] 선택하면 바로 이동하는 풀다운 메뉴 - 타겟 지정 [Preview]
버튼이 없고 풀다운 메뉴에서 선택하면 바로 이동합니다
타겟을 지정할수 있구요
새창으로 띄우는건 다음 자료에 있습니다
[70] 버튼을 이용한 풀다운 메뉴 - 새창으로 띄우기 [Preview]
풀다운 메뉴를 선택하고 버튼을 클릭하면 새창으로 뜹니다
모양을 바꿀수도 있구요
타겟을 지정하는건 이전 자료에..
[71] 버튼을 이용한 풀다운 메뉴 - 타겟 지정가능 [Preview]
풀다운 메뉴를 선택하고 버튼을 클릭하면 이동합니다
타겟 지정이 가능하구요
새창으로 띄우는건 다음 자료에..
[72] 마우스를 따라다니는 메뉴 [Preview]
소스입니다.
설명은 적혀있으니 잘 보고 참고하시기 바랍니다.

<BODY OnLoad="checkVersion4()">

<SCRIPT LANGUAGE="JavaScript">
<!--
// 주석 붙인 사람은?? ^^;;
// E-mail : flyingmagic@hanmail.net

// 이 부분부터는 사용자가 마음대로 건드릴 수 없는 부분이다.
function checkVersion4() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();moveOB();
}

function set .....
[73] 스크롤바를 따라다니는 메뉴 [Preview]
소스입니다.
설명은 적혀있으니 잘 보고 참고하시기 바랍니다.

<BODY OnLoad="setVariables();checkLocation()">

<SCRIPT LANGUAGE="JavaScript">
<!--
// 주석 붙인 사람은?? ^^;;
// E-mail : flyingmagic@hanmail.net

// 이 부분부터는 사용자가 마음대로 건드릴 수 없는 부분이다.
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffs .....
[74] 탐색기와 비슷한 메뉴 [Preview]
소스입니다.
설명은 적혀있으니 잘 보고 참고하시기 바랍니다.
예제보기하시면 이 소스를 다운로드 하실 수 있습니다.

[75] 클릭하면 나타나는 메뉴입니다. [Preview]
소스입니다.
설명은 적혀있으니 잘 보고 참고하시기 바랍니다.

<body onLoad="init();" ondblClick="textMenu();">
<!-- ondblClick="textMenu();" 이부분 지우면 Double Click Event는 사라짐 //-->

<style>
<!--
BODY {
background-color: #bfbfff;
}
A {
text-decoration: none;
font-family: 굴림체;
font-size: 9pt;
color: darkblue;
}
A:hover .....
[76] 간단한 슬라이딩 메뉴 [Preview]
소스입니다.
설명은 적혀있으니 잘 보고 참고하시기 바랍니다.
취향대로 스킨을 제작하여 사용하시기 바랍니다.
물론 이대로 사용해도 상관은 없지만요.. ^^

<STYLE>
<!--
<!-- 메뉴 추가시는 #menu부분에서 숫자를 차례대로 늘려주면 됨 //-->
#menu1 {display:none; margin-left:20px}
#menu2 {display:none; margin-left:20px}
#menu3 {display:none; margin-left:20px}
//-->
</STYLE>

<SCRIPT LANGUAGE=JAVASCRIPT>
<!--
// 주석 붙인 .....
[77] 이번엔 마우스 올리면 위에서 나타나는 메뉴 (아래것과 다름) [Preview]
소스입니다.
설명은 적혀있으니 잘 보고 참고하시기 바랍니다.

<body onLoad="init();">

<style>
<!--
BODY {
background: #dfdfff;
}
A {
text-decoration: none;
line-weight: 130%;
font-family: 굴림;
font-size: 9pt;
color: darkblue;
}
A:hover {
text .....
[78] 마우스를 올리면 메뉴가 나타남 [Preview]
소스입니다.
설명은 적혀있으니 잘 보고 참고하시기 바랍니다.

<body OnLoad="namosw_init_menu(); namosw_init_slide_layers('layer1', 1);">
<!-- 맨 끝에 숫자 1을 2로 바꾸어주면 메뉴가 위로 가게된다.. //-->

<script language="JavaScript">
<!--
// 주석 붙인 사람은?? ^^;;
// E-mail : flyingmagic@hanmail.net

// 이 부분부터는 사용자가 마음대로 건드릴 수 없는 부분이다.
function namosw_init_slide_layers()
{
var layer; .....
[79] 오른쪽 마우스 클릭시 나오는 메뉴 만들기 [Preview]
<html>
<head>
<title>http://happyscript.net</title>
<style>

.skin0

{
width:100px;
cursor:default;
text-align:left;
font-family:verdana;
line-height:100px;
border:10px solid black;
position:absolute;
visibility:hidden;
background-color:menu;
}

.skin1

{
width:100px; .....
[80] 위에서 아래로 하나씩 내려오는 메뉴 [Preview]
<html>
<head>
<title>자바스크립트, 자바게임의 모든것이 있습니다 http://happyscript.net</title>
<SCRIPT LANGUAGE="JavaScript">

function buildMenu() {
speed=1;
topdistance=25; //** 상단에서 메뉴까지 거리
items=9; //** 메뉴의 개수 지정
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
.....
    [1] [2] [3] [4] [5]    
Javascript Source List :