매우빠른자바스크립트 네비게이션 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 메뉴 관련 > 매우빠른자바스크립트 네비게이션 상세정보

클라우드태그

Javascript

PHP

html

ASP

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

메뉴

占쏙옙占쏙옙占쏙옙트

현재접속자 명

매우빠른자바스크립트 네비게이션

해피팀

네티즌

소스분류

메뉴 관련

다운로드 횟수

1932 회

간단설명

속도가 매우 빠른 자바스크립트 네비게이션입니다. 서브메뉴를 생성할수 있으며, 수정또한 간편합니다.

평가하기

설명

이 스크립트는 자바스크립트 네비게이션입니다. 속도가 매우빠르며, 수정또한 간편하게 할 수 있다는 장점이 있습니다.

수정하기

메뉴를 출력하고 싶은 페이지에 아래의 스크립트를 추가 합니다.

메뉴의 네용을 수정하기위해서 exmplmenu_var.js 파일을 수정합니다.(파란색으로된부분만 수정합니다)

var NoOffFirstLineMenus=5; //주메뉴(서브메뉴가아닌)가 몇개인지 정합니다.

var LowBgColor="red"; //주메뉴부분의 배경색을 정합니다.

var HighBgColor="lightblue"; //서브메뉴부분의 배경색을 정합니다.

var FontLowColor="yellow"; //주메뉴부분에 마우스를 오버했을때 배경색

var FontHighColor="blue"; //서브메뉴부분에 마우스를 오버했을때 배경색

var BorderColor="yellow"; //메뉴의 테두리 색을 정합니다.

var BorderWidth=1; //메뉴의 테두리 두깨를 정합니다.

var BorderBtwnElmnts=1; //메뉴안쪽의 구분선을 표시할지 정합니다 1 = 한다 0 = 안한다

var FontFamily="comic sans ms,technical,arial"; //메뉴에사용할 폰트를 정합니다.

var FontSize=9; //폰트 사이즈를 정합니다.

var FontBold=1; //폰드에 볼드 태그를 사용할지 정합니다 1 = 한다 0 = 안한다

var FontItalic=0; //폰트에 이텔릭 태그를 사용할지 정합니다 1 = 한다 0 = 안한다

var MenuTextCentered=1; //메뉴의 글씨를 어디로 정렬할지 정합니다. 'left' 'center' 'right'

var MenuCentered="center"; //메뉴를 어느쪽에 표시할지 정합니다. 'left' 'center' 'right'

var MenuVerticalCentered="center"; //메뉴를 상단 중간 하단중 정렬할 곳을 정합니다. 'top', 'middle','bottom'

var ChildOverlap=.1; //서브메뉴의 위치를 앞뒤 수치로 정합니다.

var ChildVerticalOverlap=.1; //서브메뉴의 위치를 아래 위 수치로 정합니다.

var LeftPadding=2; //메뉴왼쪽에 공백을 수치로 정합니다.

var TopPadding=2; //메뉴상단에 공백을 수치로 정합니다.

var StartTop=0; //메뉴의 시작위치를 상단으로부터 정합니다.

var StartLeft=200; //메뉴의 시작위치를 왼쪽으로부터 정합니다.

var VerCorrect=0; //다중프레임의 y좌표를 보정한다

var HorCorrect=0; //다중프레임의 x좌표를 보정한다

var FirstLineHorizontal=0; //0이면 위에서 아래로 표현한다, 1이면 왼쪽에서 오른쪽으로 표현한다

var MenuFramesVertical=1; //프레임이 나누어져있을때 cols와 rows를 정하는부분

var DissapearDelay=1000;

var TakeOverBgColor=1;

var FirstLineFrame="MyFrameOne";

var SecLineFrame="MyFrameTwo";

var DocTargetFrame="MyFrameTwo";

var HideTop=0;

var TargetLoc=""; //링크의 타겟을 정한다

var MenuWrap=1;

var RightToLeft=0;

var UnfoldsOnClick=0;

var WebMasterCheck=0;

var ShowArrow=1;

var KeepHilite=1;

var Arrws=["tri.gif",5,10,"tridown.gif",10,5,"trileft.gif",5,10]; //오른쪽지시아이콘 , 아래쪽지시아이콘 , 왼쪽지시 아이콘의 파일이름과 이미지 크기를 정한다.

네비게이션 트리의 구조

Menu1=new Array("Home","http://www.dynamicdrive.com","",0,20,138);

Menu2=new Array("News","blank.htm","",2);
 Menu2_1=new Array("General","blank.htm","",5,20,150); 
  Menu2_1_1=new Array("CNN","http://www.cnn.com","",0,20,150);
  Menu2_1_2=new Array("ABCNews","http://www.abcnews.com","",0);
  Menu2_1_3=new Array("MSNBC","http://www.msnbc.com","",0);
                Menu2_1_4=new Array("CBSNews","http://www.cbsnews.com","",0);
                Menu2_1_5=new Array("Canadian News","http://news.bbc.co.uk","",2);
                          Menu2_1_5_1=new Array("Vancouver Sun","http://www.vancouversun.com","",0,20,150);
                          Menu2_1_5_2=new Array("CTV News","http://www.ctvnews.com","",0);
 Menu2_2=new Array("Technology","blank.htm","",3);
  Menu2_2_1=new Array("TechWeb","http://www.techweb.com","",0,20,200);
  Menu2_2_2=new Array("News.com","http://www.news.com","",0);
  Menu2_2_3=new Array("Wired News","http://www.wired.com","",0);

Menu3=new Array("Search Engines","blank.htm","",3);
 Menu3_1=new Array("Altavista","http://www.altavista.com","",0,20,150);
 Menu3_2=new Array("Google","http://www.google.com","",0);
 Menu3_3=new Array("Yahoo","http://www.yahoo.com","",0);

Menu4=new Array("Webmaster","blank.htm","",4);
 Menu4_1=new Array("Dynamic Drive","http://www.dynamicdrive.com","",0,20,180);
 Menu4_2=new Array("JavaScript Kit","http://www.javascriptkit.com","",0);
 Menu4_3=new Array("Freewarejava","http://www.freewarejava.com","",0);
 Menu4_4=new Array("Web Review","http://www.webreview.com","",0);

Menu5=new Array("Other","javascript:top.location.href='blank.htm'","",1);
 Menu5_1=new Array("Author\'s Site","http://www.burmees.nl/","",0,20,140);

Menu1 , Menu2 , Menu3 : 최상단 주메뉴
Menu1_1 , Menu1_2 : 주메뉴 Menu1의 서브메뉴 1번과 2번
Menu1_1_1 : 주메뉴 Menu1의 서브메뉴 1의 서브메뉴 1번

언더바( _ ) 로 구분을 하며 언더바가 하나씩들어갈수록 더욱 안쪽에 있는 서브메뉴임을 알 수 있다.

Menu1=new Array("메뉴이름","링크주소","배경이미지",서브메뉴의갯수,높이,넓이);

네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)

내용

아이디

의견남기기

등록된 의견이 없습니다.