메뉴
자바스크립트 메뉴를 제어하는 스크립트 모음입니다.
[21] 주메뉴에 이미지를 이용했고, 부메뉴가 수평으로 나오고, 화면크기에 따라 위치가 같이 변합니다 [Preview]
주 메뉴에서 이미지를 사용하는 메뉴 예제입니다.

미리보기를 아이컨을 클릭해보세요, 그리고 브라우져의 크기를 조정하면 메뉴의 위치가. 자동으로 이동합니다(항상 중앙).

물론 왼쪽이나 오른쪽으로도 가능합니다.

부메뉴 레이어가 테이블 안에 있어 상대적인 위치값을 이용해 항상 같이 움직임니다.

또 고정 위치를 사용하는 부메뉴 보다도 훨 간단하고 수정하기가 쉽습니다.

[22] 각각의 메뉴에 간단한 설명이 나오는 메뉴 자스 [Preview]
각각의 메뉴에 설명이 나오는 메뉴 자스 입니다..

예제의 소스만 잘 이해하면 메뉴를 마음대로 수정하시는게 가능할것이며

또 홈페이지 제작하실때 쓸만한 소스가 될거 같습니다.. ^^
[23] 좌우로 메뉴가 움직입니다.. [Preview]
메뉴가 좌우로 움직이는 자스입니다..
움직이는 메뉴 위에 마우스를 올리게되면
메뉴가 원래대로 돌아오죠..

단, 사용하실때는 테이블을 씌워서 사용하세요...
꼭 하시지 않으셔도 되지만 씌우시는게 좋을듯 합니다..
[24] 테이블로된 풀다운 메뉴 [Preview]
테이블로 풀더운 메뉴처럼 만들어 놓은 소스입니다.
[25] 펼침 목록 메뉴 (select)에서 항목 선택후 항상 처음 메뉴를 보여주는 예제입니다. [Preview]
메뉴를 선택하면 함수를 실행합니다.
그리고 다시 메뉴는 제일 처음메뉴인 "menu"를 보여줍니다.

select 와 option list 에서
selectedIndex를 읽어오는것과 지정하는 법을 보여주는 예제입니다.
[26] 브라우저 왼쪽 상단에 나타나는 펼침 메뉴 [Preview]
브라우저 왼쪽 상단에 나타나는 펼침 메뉴 입니다.
스크롤 바두 따라다니구요..
테이블로 되어 있어서 취향에 맞게끔 바꿀수도 있습니다.
[27] 윈도우 시작과 같은 메뉴 [Preview]
윈도우 시작과 같은 메뉴 입니다..
[28] 아래 링크 설명이 뜨는 메뉴 [Preview]
메뉴 아래에 설명이 뜨는 자스입니다.
[29] 어떤 창으로 할건지 물어보는 풀다운 메뉴 [Preview]
풀다운 메뉴인데 그냥 Go버튼 누르면 그 프레임에서
페이지가 열리고 박스에 체크를 하면 새창으로
열리게 하는 소스입니다.
[30] 이미지 버튼으로 메뉴를 보이는 자스 [Preview]
이미지 버튼을 누르면 메뉴가 보이고 또 누르면
메뉴가 사라지는 자스입니다./
[31] 펼침 목록 메뉴를 이용한 3개짜리 풀다운 메뉴입니다 [Preview]

펼침목록메뉴가 3개가 나오는 메뉴입니다. 풀다운 메뉴 만들때 활용하시면 될거 같아서
올렸습니다.

갯수를 얼마든지 늘려도 상관없습니다.
갯수를 추가하는 경우는 select의 이름과 이름을 자스 함수(menu())로 전해주는 부분에서
새로운 이름을 지정해주면 됩니다.
[32] 가로와 세로가 호환되는 탐색기형식의 메뉴 [Preview]
웅..제목이 이상하네요..
제목 어떻게 정할지 멀라서 그냥
이것저것 짜맞추어서 만든 제목입니다.. ^^;;

웅..
이 소스 편집하는데 3시간 걸렸슴다..
이것저것 테스트 해보고 메뉴 만들기도 해보고
이거 한다고 고생 쪼금 했습니다..
웬만하면 수정자 정보 지우지 마세용.. ^^

개인적으로 2번째 맘에 드는 메뉴네요.. ^^
1번째는 진짜 멋쥔거 있는데 그거는 주석 달기랑 메뉴 수정이 어려워서..
기냥 손 놓구 띵가띵가 있습니다. ^^;;
[33] 메뉴 주위에 테두리 생기는 메뉴 [Preview]
왼쪽 메뉴에 쬐에끔 업글 한겁니다.
그냥 예제 보세요.. ^^
[34] 트리메뉴 - 클릭시 +/_가 바뀌면서 서브메뉴를 보여주는 예제 [Preview]
이미지로 바꿀수 있는 +/- 를 클릭하면 부메뉴의 확장이나 숨김
기능이 있는 소스입니다.
[35] 풀다운 메뉴 소스입니다. [Preview]
파일 하나에 모든 자스를 넣어버렸습니다.
body 부분에 원하시는 내용을 넣으면 됩니다.
[36] 테이블을 이용한 간단한 메뉴 [Preview]
테이블을 이용한 간단한 메뉴 입니다

설명의 길이에 따라 테이블의 크기가 달라집니다
[37] 마우스로 메뉴버튼 클릭시 메뉴가 나오거나 들어가는 예제소스 [Preview]
브라우져 화면을 넓게 쓸수 있는 메뉴이네요.
[38] Cyber틱한 메뉴 [Preview]
Cyber틱한 메뉴 입니다.
이미지 잘하시는분은 정말 좋은 메뉴가
될거 같습니다.. ^^
[39] 부메뉴가 수평으로 나오고, 화면크기에 따라 위치가 같이 변합니다. [Preview]
위에 있는 미리보기를 클릭해보세요, 그리고 화면크기를 조정해보세요.

부메뉴 레이어가 테이블 안에 있어 상대적으로 같이 움직임니다.
전에 올린 고정 위치를 사용하는 부메뉴 보다도 훨 간단하고 수정하기가 쉽습니다.

[40] 수평 부메뉴 스타일(마우스가 메뉴위에 있을때만 부메뉴가 나타납니다) [Preview]
수평 부메뉴 스타일입니다.
(절대위치를 사용하기 때문에 위치를 브라우져의 왼쪽에 맞추어 주어야 합니다.)

주메뉴나 부메뉴 위에 마우스가 위치해 있지 않은경우
자동으로 부메뉴가 사라집니다.

예제를 보시려면 미리보기 링크를 클릭해보세요.
    [1] [2] [3] [4] [5]    
Javascript Source List :