메뉴
자바스크립트 메뉴를 제어하는 스크립트 모음입니다.
[41] 수직 부메뉴(주메뉴 아래에 부메뉴가 나오는 형태) [Preview]
주메뉴를 마우스로 클릭하면 부메뉴가 나옵니다.
부 메뉴가있는 상태에서 클릭하면 부메뉴가 들어갑니다.
[42] 마우스오버시 부메뉴가 나오고 다른메뉴로 가면 자동으로 부메뉴도 따라서 열리고/닫히는 메뉴 [Preview]
수직부메뉴입니다.
마우스 오버시 액션이 조금 다른 형태입니다.
[43] 이미지 롤오버를 사용한 부메뉴가 수평으로 나오는 메뉴 [Preview]
이미지를 사용한 예제입니다.
원하시는 모양으로 바꾸실때 위치값 변경에 주의하시면
문제 없이 바꿀수 있습니다.
[44] 콤보박스를 이용한 풀다운메뉴(검색엔진으로 가는) [Preview]
펼침목록 메뉴를 이용해서 검색엔진으로 가는 메뉴입니다.
[45] 펼침 목록 메뉴에서 날짜값 선택해서 지정된 페이지 불러오기 [Preview]
펼침 목록 메뉴에서 년도, 월, 날짜를 선택하면 해당문서로 링크되게 하는 경우 사용하는 예제입니다. 링크되는 페이지는 날짜에 따라 0524.html, 0525.html, 등으로 바뀌는 거죠.
[46] 수직메뉴에서 부메뉴가 옆에 나오는 형식입니다. [Preview]
풀다운 메뉴인데요, 주메뉴가 옆으로 죽 있는게 아니고
수직으로 있어서 부메뉴가 주메뉴 옆으로 나오는 스타일입니다.
[47] 입체적인 버튼의 트리구조형 메뉴 [Preview]
버튼이 윈도우버튼 처럼 입체적인 트리구조형 메뉴 입니다
마우스를 가져다 대면 자동으로 열리고
텍스트로 구성이 되어서 속도가 빠릅니다
안타까운 점은 익스플로러 전용이라는겁니다
스크립트와 스타일의 용량이 많이 차지 하므로
css와 js로 만들어서 사용하시면 편하실겁니다

현재 메뉴를 클릭하면 새창에 링크된 주소가 열리게 되어 있습니다.
이걸 원하시는 프레임으로 보여주시고 싶을때는

이부분처럼 된 부메뉴부분을
<div id="id4_5" class="mnItem" style="width:150;top:90; left:5" onmouseout="mOut(this);" onmouseover="mOver(this);" onclick="n .....
[48] 브라우저 아무곳이나 클릭해도 열리는 메뉴 [Preview]
브라우저의 어떤곳을 클릭해도 메뉴가 열립니다
[49] 선택된 메뉴 활성화 + TD BGCOLOR 계속 바꾸기 [Preview]
테이블로 만들어진 메뉴에서 각 메뉴 TD의 배경색이 계속 바뀌면서
선택된 메뉴의 배경색은 활성화되어있는 것입니다..
전역변수와 setTimeout을 이용하여 만들었습니다..
이미지가 없는 제홈에 메뉴부분입니다..
http://jungil.x-y.net
[50] 마우스를 따라 다니는 메뉴 [Preview]
이 예제는 마우스에 의해서 따라 다니는 메뉴 입니다
메뉴판을 마우스로 클릭 하시면 마우스 커서에 붙어서 따라 다닙니다
마우스를 더블 클릭 하시면 원하시는 곳에 놓을수도 있읍니다
그리고 수정도 굉장히 쉬운편 입니다
[51] Drop down으로 폼의 내용 변화시키기 [Preview]
Drop down으로 메뉴를 선택하시면

textarea의 내용이 변합니다
[52] 슬라이딩 메뉴를 링크를 클릭할때 나오게 수정한 소스입니다. [Preview]
마우스를 올리면 슬라이딩 메뉴가 나오고 링크를 클릭해도
슬라이딩 메뉴가 나오는 예제입니다.
[53] 풀다운 멀티 메뉴 [Preview]
이미지 그룹안에 작은 풀다운 메뉴가 있는 자스 입니다.
[54] 링크 설명이 나오는 풀다운 메뉴 [Preview]
플다운 메뉴에서 성택을 하면
아래 textarea에 링크의 설명이 나오는 자스입니다.
[55] 마우스를 따라다니는 설명창 [Preview]
<html>
<head>
<TITLE>perlbbs.com</TITLE>
</HEAD>

<BODY>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: FFCC00;
scrollbar-highlight-color: FFCC99;
scrollbar-3dlight-color: FFFFCC;
scrollbar-darkshadow-color: 003399;
scrollbar-shadow-color: 0033CC;
scrollbar-arrow-color: 3300FF;
scrollbar-track-colo .....
[56] 번호 링크 메뉴 [Preview]
지정된 번호를 누르면 지정된
경로로 이동하는 자스입니다.
[57] checkbox나 radio와 같이 사용되는 메뉴 [Preview]
메뉴 앞에 checkbox나 radio가 있는
메뉴입니다.
[58] 메뉴 앞에 나타나는 이미지 [Preview]
메뉴에 마우스를 올리면
앞에 화살표 이미지가 생기는 메뉴입니다.
[59] 오른클릭시 팝업 메뉴 띄우기 - 확장형 [Preview]
아래 메뉴의 확장형입니다
[60] 오른클릭시 팝업 메뉴 띄우기 - 기본형 [Preview]
오른클릭 : 메뉴 띄우기
왼쪽클릭 : 메뉴 닫기

이것은 기본형입니다
좀더 응용한 확장형은 조금뒤에 올립니다
    [1] [2] [3] [4] [5]    
Javascript Source List :