묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
페이드 효과를 넣으려고 합니다
2002.08.04 09:46
자바 스크립트로 된 메뉴소스를 구했는데...페이드 효과로 나타나게 하고 싶은데 방법을 모르겠네요..
수정해야 할 소스는 아래..
var NoOffFirstLineMenus=5; // 주메뉴의 갯수
var LowBgColor='white'; // 주 메뉴의 배경색
var LowSubBgColor='white'; // 부메뉴의 배경색
var HighBgColor='443F5C'; // 마우스 오버시 배경색
var HighSubBgColor='443F5C'; // 부메뉴의 마우스 오버시 배경색
var FontLowColor='1F1F1F'; // 글자 색상
var FontSubLowColor='1F1F1F'; // 부 메뉴의 글자 색상
var FontHighColor='F1F0F1'; // 마우스 오버시 글자 색상
var FontSubHighColor='F1F0F1'; // 부메뉴의 마우스 오버시 글자 색상
var BorderColor='999999'; // 테두리 색상
var BorderSubColor='999999'; // 부메뉴의 테두리 색상
var BorderWidth=1; // 테두리 두께
var BorderBtwnElmnts=1; // 각 항목들간의 테두리(1 혹은 0)
var FontFamily="verdana" // 글자모양
var FontSize=8; // 글자 크기
var FontBold=0; // 글자의 두께(1 혹은 0)
var FontItalic=0; // 이탤릭체 사용 여부(1 혹은 0)
var MenuTextCentered='center'; // 각 메뉴의 글자 배치('left',
'center' 혹은 'right')
var MenuCentered='left'; // 메뉴의 수평 위치('left', 'center'
or 'right')
var MenuVerticalCentered='top'; // 메뉴의 수직 위치('top', 'middle' 혹은
'bottom')
var ChildOverlap=.2; // 수평 오버랩 간격(child/ parent)
var ChildVerticalOverlap=.2; // 수직 오버랩 간격(child/ parent)
var StartTop=10; // 메뉴의 위쪽 위치
var StartLeft=1; // 메뉴의 왼쪽 위치
var VerCorrect=0; // 복수프레임 y-축보정
var HorCorrect=0; // 복수프레임 x-축보정
var LeftPaddng=3; // 왼쪽 padding
var TopPaddng=2; // 위쪽 padding
var FirstLineHorizontal=1; // 주메뉴의 레이아웃을 수평으로 할것인
가 수직으로 할것인지 설정(1 혹은 0). 즉 메뉴를 왼쪽에 붙일것인지 위쪽에 붙일것인지를 결정합니
다
var MenuFramesVertical=1; // Frames in cols or rows 1 or 0
var DissapearDelay=1000; // 메뉴 폴더가 닫히기 전 지연시간
var TakeOverBgColor=1; // Menu frame takes over background color
subitem frame
var FirstLineFrame='navig'; // 첫번째 메뉴가 나타날 프레임
var SecLineFrame='space'; // 부 메뉴가 나타날 프레임
var DocTargetFrame='space'; // 타겟 프레임
var TargetLoc=''; // DIV id for relative positioning
(refer to config.htm for info)
var HideTop=0; // 로딩시 메뉴가 보이게 할건지 숨길건지 여부
(1 혹은 0)
var MenuWrap=1; // 메뉴 오버랩 가능여부 (1 혹은 0)
var RightToLeft=0; // 왼쪽에서 오른쪽으로 폴더닫기 여부
(1 혹은 0)
var UnfoldsOnClick=0; // 폴더닫기를 클릭 혹은 마우스 오버 여부
var WebMasterCheck=0; // 메뉴트리 체크 여부
function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}
// 메뉴 설정
// MenuX=new Array(메뉴의 이름, 링크, 배경이미지, 부메뉴의 갯수, 높이, 가로);
// 롤오버 이미지로 설정할때는 "메뉴의 이름" to: "rollover:Image1.jpg:Image2.jpg"
Menu1=new Array("Home","#","",0,18,138);
Menu2=new Array("About","#","",2);
Menu2_1=new Array("About1","#","",5,18,150);
Menu2_1_1=new Array("About_1","#","",0,18,150);
Menu2_1_2=new Array("About_1","#","",0);
Menu2_1_3=new Array("About_1","#","",0);
Menu2_1_4=new Array("About_1","#","",0);
Menu2_1_5=new Array("About_1","#","",2);
Menu2_1_5_1=new Array("About_1_1","#","",0,18,150);
Menu2_1_5_2=new Array("About_1_1","#","",0);
Menu2_2=new Array("Epsode","#","",3);
Menu2_2_1=new Array("Epsode_1","#","",0,18,200);
Menu2_2_2=new Array("Epsode_1","#","",0);
Menu2_2_3=new Array("Epsode_1","#","",0);
Menu3=new Array("Poem","#","",3);
Menu3_1=new Array("Poem_1","#","",0,18,150);
Menu3_2=new Array("Poem_2","#","",0);
Menu3_3=new Array("Poem_3","#","",0);
Menu4=new Array("Newage","#","",4);
Menu4_1=new Array("Newage_1","#","",0,18,180);
Menu4_2=new Array("Newage_1","#","",0);
Menu4_3=new Array("Newage_1","#","",0);
Menu4_4=new Array("Newage_1","#","",0);
Menu5=new Array("Board","javascript:top.location.href='#'","",1);
Menu5_1=new Array("Board_1","#","",0,18,140);
이 소스랑 다른 자바 소스와 연동해서 구현되는 것 같은데..자바스크립트를 잘 몰라서 할 수가 없네요..
전체 소스는 http://mail.skku.ac.kr/~rigel40/menu.rar
http://uxec.koneti.com/~angelii 이곳의 메뉴 처럼 페이드효과를 냈으면 ...해서요 ^^
그럼 좋은 하루 되시길..
수정해야 할 소스는 아래..
var NoOffFirstLineMenus=5; // 주메뉴의 갯수
var LowBgColor='white'; // 주 메뉴의 배경색
var LowSubBgColor='white'; // 부메뉴의 배경색
var HighBgColor='443F5C'; // 마우스 오버시 배경색
var HighSubBgColor='443F5C'; // 부메뉴의 마우스 오버시 배경색
var FontLowColor='1F1F1F'; // 글자 색상
var FontSubLowColor='1F1F1F'; // 부 메뉴의 글자 색상
var FontHighColor='F1F0F1'; // 마우스 오버시 글자 색상
var FontSubHighColor='F1F0F1'; // 부메뉴의 마우스 오버시 글자 색상
var BorderColor='999999'; // 테두리 색상
var BorderSubColor='999999'; // 부메뉴의 테두리 색상
var BorderWidth=1; // 테두리 두께
var BorderBtwnElmnts=1; // 각 항목들간의 테두리(1 혹은 0)
var FontFamily="verdana" // 글자모양
var FontSize=8; // 글자 크기
var FontBold=0; // 글자의 두께(1 혹은 0)
var FontItalic=0; // 이탤릭체 사용 여부(1 혹은 0)
var MenuTextCentered='center'; // 각 메뉴의 글자 배치('left',
'center' 혹은 'right')
var MenuCentered='left'; // 메뉴의 수평 위치('left', 'center'
or 'right')
var MenuVerticalCentered='top'; // 메뉴의 수직 위치('top', 'middle' 혹은
'bottom')
var ChildOverlap=.2; // 수평 오버랩 간격(child/ parent)
var ChildVerticalOverlap=.2; // 수직 오버랩 간격(child/ parent)
var StartTop=10; // 메뉴의 위쪽 위치
var StartLeft=1; // 메뉴의 왼쪽 위치
var VerCorrect=0; // 복수프레임 y-축보정
var HorCorrect=0; // 복수프레임 x-축보정
var LeftPaddng=3; // 왼쪽 padding
var TopPaddng=2; // 위쪽 padding
var FirstLineHorizontal=1; // 주메뉴의 레이아웃을 수평으로 할것인
가 수직으로 할것인지 설정(1 혹은 0). 즉 메뉴를 왼쪽에 붙일것인지 위쪽에 붙일것인지를 결정합니
다
var MenuFramesVertical=1; // Frames in cols or rows 1 or 0
var DissapearDelay=1000; // 메뉴 폴더가 닫히기 전 지연시간
var TakeOverBgColor=1; // Menu frame takes over background color
subitem frame
var FirstLineFrame='navig'; // 첫번째 메뉴가 나타날 프레임
var SecLineFrame='space'; // 부 메뉴가 나타날 프레임
var DocTargetFrame='space'; // 타겟 프레임
var TargetLoc=''; // DIV id for relative positioning
(refer to config.htm for info)
var HideTop=0; // 로딩시 메뉴가 보이게 할건지 숨길건지 여부
(1 혹은 0)
var MenuWrap=1; // 메뉴 오버랩 가능여부 (1 혹은 0)
var RightToLeft=0; // 왼쪽에서 오른쪽으로 폴더닫기 여부
(1 혹은 0)
var UnfoldsOnClick=0; // 폴더닫기를 클릭 혹은 마우스 오버 여부
var WebMasterCheck=0; // 메뉴트리 체크 여부
function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}
// 메뉴 설정
// MenuX=new Array(메뉴의 이름, 링크, 배경이미지, 부메뉴의 갯수, 높이, 가로);
// 롤오버 이미지로 설정할때는 "메뉴의 이름" to: "rollover:Image1.jpg:Image2.jpg"
Menu1=new Array("Home","#","",0,18,138);
Menu2=new Array("About","#","",2);
Menu2_1=new Array("About1","#","",5,18,150);
Menu2_1_1=new Array("About_1","#","",0,18,150);
Menu2_1_2=new Array("About_1","#","",0);
Menu2_1_3=new Array("About_1","#","",0);
Menu2_1_4=new Array("About_1","#","",0);
Menu2_1_5=new Array("About_1","#","",2);
Menu2_1_5_1=new Array("About_1_1","#","",0,18,150);
Menu2_1_5_2=new Array("About_1_1","#","",0);
Menu2_2=new Array("Epsode","#","",3);
Menu2_2_1=new Array("Epsode_1","#","",0,18,200);
Menu2_2_2=new Array("Epsode_1","#","",0);
Menu2_2_3=new Array("Epsode_1","#","",0);
Menu3=new Array("Poem","#","",3);
Menu3_1=new Array("Poem_1","#","",0,18,150);
Menu3_2=new Array("Poem_2","#","",0);
Menu3_3=new Array("Poem_3","#","",0);
Menu4=new Array("Newage","#","",4);
Menu4_1=new Array("Newage_1","#","",0,18,180);
Menu4_2=new Array("Newage_1","#","",0);
Menu4_3=new Array("Newage_1","#","",0);
Menu4_4=new Array("Newage_1","#","",0);
Menu5=new Array("Board","javascript:top.location.href='#'","",1);
Menu5_1=new Array("Board_1","#","",0,18,140);
이 소스랑 다른 자바 소스와 연동해서 구현되는 것 같은데..자바스크립트를 잘 몰라서 할 수가 없네요..
전체 소스는 http://mail.skku.ac.kr/~rigel40/menu.rar
http://uxec.koneti.com/~angelii 이곳의 메뉴 처럼 페이드효과를 냈으면 ...해서요 ^^
그럼 좋은 하루 되시길..