테스트 사이트 - 개발 중인 베타 버전입니다
SIR

부드럽게 슬라이딩되는 MFX 메뉴에 롤오버 효과를 더한 메뉴 스크립트

Elbis
프로필 보기이 회원 글보기
 · 19년 전 · 2528 · 1
드림위버를 사용하면 재미있는 효과를 많이 만들어 볼 수 있습니다
드림위버의 스킨이라 할 수 있는 익스텐션들 중에서는 꽤 쓸만한 것들이 많이 있죠
이 스크립트는 이 익스텐션 중 많은 사이트에서 사용하고 있는 MFX 슬라이딩 메뉴를 응용하여 드림위버자체에서 제공하는 롤오버 이미지 효과 까지 더한 메뉴 스크립트 입니다
초보들이 텍스트 에디터로만 작업하기엔 좀 힘든면이 있겠지만 꼼꼼히 설명문을 살펴보고 멋지게 응용 해 보시기 바랍니다

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> jasko sample script </title>

<!---- [1단계] 아래 코드를 <HEAD> 와 <HEAD> 태그 사이에 붙여 넣으세요 --->

<SCRIPT LANGUAGE="JavaScript">
<!--
function MFXinitMenu(){
IE = document.all ? 1:0;
NN = document.layers ? 1:0;
HIDDEN = (NN) ? 'hide' : 'hidden';
VISIBLE = (NN) ? 'show' : 'visible';
myLayer=new Array();
mySpeed=1; // 스피드를 설정 합니다. 클수록 슬라이딩 속도가 빨라집니다
subLeft=0;
closes=true;

// 부메뉴를 합하여 전체 레이어의갯수(메뉴) 만큼 설정 합니다
// 메뉴가 10개이면 부메뉴도 10개가 되므로, myLayer[19] 까지 추가 합니다

myLayer[0]=(NN) ? document.MFX0 : document.all.MFX0.style;
myLayer[1]=(NN) ? document.MFX1 : document.all.MFX1.style;
myLayer[2]=(NN) ? document.MFX2 : document.all.MFX2.style;
myLayer[3]=(NN) ? document.MFX3 : document.all.MFX3.style;
myLayer[4]=(NN) ? document.MFX4 : document.all.MFX4.style;
myLayer[5]=(NN) ? document.MFX5 : document.all.MFX5.style;
myLayer[6]=(NN) ? document.MFX6 : document.all.MFX6.style;
myLayer[7]=(NN) ? document.MFX7 : document.all.MFX7.style;
myLayer[8]=(NN) ? document.MFX8 : document.all.MFX8.style;
myLayer[9]=(NN) ? document.MFX9 : document.all.MFX9.style;

running=false;
whichOpen=-1;
lastMain=myLayer.length-2;
MFXmain=new Array();
for(i=0; i<myLayer.length; i++){
mainORsub= i % 2;
MFXmain[i] = mainORsub ? 0:1;
}
myTop=new Array();
myLeft=new Array();
myHeight=new Array();
myWidth=new Array();
mySlide=new Array();
for(i=0; i<myLayer.length; i++){
if(NN&&MFXmain[i]){
if(i==0){
myTop[i]=myLayer[i].top;
myLeft[i]=myLayer[i].left;}
else{
myLeft[i]=myLeft[i-2];
myTop[i]=myTop[i-2]+myHeight[i-2];}
myHeight[i]=myLayer[i].clip.height;
myWidth[i]=myLayer[i].clip.width;
myLayer[i].left=myLeft[i];
myLayer[i].top=myTop[i];
myLayer[i].visibility=VISIBLE;}
if(NN&&!MFXmain[i]){
myTop[i]=myTop[i-1]+myHeight[i-1];
myLeft[i]=myLeft[i-1];
myHeight[i]=myLayer[i].clip.height;
myWidth[i]=myLayer[i].clip.width;
mySlide[i]=myTop[i]+myHeight[i];
myLayer[i].left=myLeft[i]+subLeft;
myLayer[i].top=myTop[i];}
if(IE&&MFXmain[i]){
if(i==0){
myLeft[i]=myLayer[i].pixelLeft;
myTop[i]=myLayer[i].pixelTop;}
else{
myLeft[i]=myLeft[i-2];
myTop[i]=myTop[i-2]+myHeight[i-2];}
myHeight[i]=myLayer[i].pixelHeight;
myWidth[i]=myLayer[i].pixelWidth;
myLayer[i].left=myLeft[i];
myLayer[i].top=myTop[i];
myLayer[i].visibility=VISIBLE;}
if(IE&&!MFXmain[i]){
myTop[i]=myTop[i-1]+myHeight[i-1];
myLeft[i]=myLeft[i-1];
myHeight[i]=myLayer[i].pixelHeight;
myWidth[i]=myLayer[i].pixelWidth;
myLayer[i].pixelLeft=myLeft[i]+subLeft;
myLayer[i].pixelTop=myTop[i];
mySlide[i]=myTop[i]+myHeight[i];
}
}
}
function MFXrunMenu(myName,newspeed){
ieStep=0;
thereS=false;
thereC=false;
if(newspeed>0){mySpeed=newspeed;}
first=myName;
if(whichOpen==-1&&!running&&MFXmain[myName]&&!(whichOpen==myName)){
running=true;
if(NN){
myLayer[myName+1].clip.height=0;
myLayer[myName+1].visibility=VISIBLE;
}
if(IE){
myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (0) +" "+ ("auto") +")";
myLayer[myName+1].visibility=VISIBLE;
}
MFXopenMenuS(myName);
MFXopenMenuC(myName);
}
if(whichOpen>=0&&!running&&!(whichOpen==myName)){
running=true;
second=whichOpen;
ieStep1=myHeight[second+1];
thereCS=false;
thereCC=false;
MFXcloseMenuS(second);
MFXcloseMenuC(second);
}
if(whichOpen>=0&&!running&&whichOpen==myName&&closes){
running=true;
second=whichOpen;
ieStep1=myHeight[second+1];
thereCS=false;
thereCC=false;
MFXcloseMenuS(second);
MFXcloseMenuC(second);
}
}
function MFXstopCloseS(myName){
running=false;
thereCS=true;
if(closes&&first==whichOpen){whichOpen=-1;}
else{whichOpen=-1;
MFXrunMenu(first);
}
}
function MFXstopOpenS(myName){
running=false;
thereS=true;
if(IE){myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ ("auto") +" "+ ("auto") +")";}
whichOpen=myName;
}
function MFXopenMenuS(myName){
myStep=mySpeed;
if(NN&&!thereS&&!(first==lastMain)){
if(myLayer[first+2].top+myStep>mySlide[first+1]){
myStep=mySlide[first+1]-myLayer[first+2].top;
}
for(i=first+2; i<myLayer.length; i+=2){
myLayer[i].top+=myStep;
}
if(myLayer[first+2].top==mySlide[first+1]){
MFXstopOpenS(first)
}
if(running)setTimeout('MFXopenMenuS(first)',10);
}
if(IE&&!thereS&&!(first==lastMain)){
if(myLayer[first+2].pixelTop+myStep>mySlide[first+1]){
myStep=mySlide[first+1]-myLayer[first+2].pixelTop;
}
for(i=first+2; i<myLayer.length; i+=2){
myLayer[i].pixelTop+=myStep;
}
if(myLayer[first+2].pixelTop==mySlide[first+1]){
MFXstopOpenS(first)
}
if(running)setTimeout('MFXopenMenuS(first)',10);
}
}
function MFXopenMenuC(myName){
myStep=mySpeed;
if(NN&&!thereC){
if ((myLayer[first+1].clip.height+myStep)>myHeight[first+1]){
myLayer[first+1].clip.height=myHeight[first+1]
}
if(myLayer[first+1].clip.height==myHeight[first+1]){
thereC=true;
whichOpen=first;
MFXstopOpenS(first)

}else{
myLayer[first+1].clip.height+=myStep;

}
if(running)setTimeout('MFXopenMenuC(first)',10);
}
if(IE&&!thereC){
ieStep+=myStep;
myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (ieStep) +" "+ ("auto") +")";

if(ieStep>=myHeight[first+1]){
thereC=true;
whichOpen=first;
MFXstopOpenS(first)
}
if(running)setTimeout('MFXopenMenuC(first)',10);
}
}
function MFXcloseMenuS(myName){
myStep=mySpeed;
if(NN&&!thereCS&&!(second==lastMain)){
if(myLayer[second+2].top-myStep<myTop[second+2]){
myStep=myLayer[second+2].top-myTop[second+2];
}
for(i=second+2; i<myLayer.length; i+=2){
myLayer[i].top-=myStep;

}
if(myLayer[second+2].top==myTop[second+2]){
MFXstopCloseS(second);
}
if(running)setTimeout('MFXcloseMenuS(second)',10);
}
if(IE&&!thereCS&&!(second==lastMain)){
if(myLayer[second+2].pixelTop-myStep<myTop[second+2]){
myStep=myLayer[second+2].pixelTop-myTop[second+2];
}
for(i=second+2; i<myLayer.length; i+=2){
myLayer[i].pixelTop-=myStep;

}
if(myLayer[second+2].pixelTop==myTop[second+2]){
MFXstopCloseS(second);
}
if(running)setTimeout('MFXcloseMenuS(second)',10);
}
}
function MFXcloseMenuC(myName){
myStep=-mySpeed;
ieStep1-=mySpeed;
if(NN&&!thereCC){
if ((myLayer[second+1].clip.bottom+myStep)<0){
myLayer[second+1].clip.bottom=0;
}
if(myLayer[second+1].clip.bottom==0){
thereCC=true;

if(second==lastMain)MFXstopCloseS(second);
}else{
myLayer[second+1].clip.bottom+=myStep;

}
if(running)setTimeout('MFXcloseMenuC(second)',10);
}
if(IE&&!thereCC){
if(ieStep1<=0){
myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (0) +" "+ ("auto") +")";
thereCC=true;
if(second==lastMain)MFXstopCloseS(second);
}else{
myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (ieStep1) +" "+ ("auto") +")";

}
if(running)setTimeout('MFXcloseMenuC(second)',10);
}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</SCRIPT>

<!------------------------- 여기까지 ------------------------------------>

</head>

<!---- [2단계] 아래 코드를 <BODY> 태그 안에 붙여 넣으세요

MM_preloadImages() 괄호안에 있는 것은 마우스를 대었을때 보여질 이미지들을 설정 합니다
따옴표와 콤마에 주의하세요

--->

<body onLoad="MFXinitMenu();MM_preloadImages('button-1-on.gif','button-2-on.gif','button-3-on.gif','button-4-on.gif','button-5-on.gif')">

<!---- [2단계] 아래의 방법으로 <BODY> 와 <BODY> 태그 사이에 붙여 넣으세요 --->

<!--------
메뉴를 더 추가할 때는 각 호출함수들의 괄호안에 들어가는 인수(숫자, 혹은 파일명)을 어떻게 사용했나 충분히 관찰한 후에
수정 하세요
각 메뉴들은 레이어 안에 들어 있습니다 .
레이어의 위치에 유의해서 수정 하세요
------->


<!--/////////////////// 첫번째 메뉴 설정 부분입니다 ///////////////////////////-->
<!-------- 첫번째 메뉴의 이미지가 들어가는 부분의 레이어 설정 입니다 ------->
<DIV id="MFX0" style="position:absolute; width:150px; height:20px; z-index:2; left:20px; top: 20px; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000"><a onfocus=this.blur() href="#" onClick="MFXrunMenu(0,5)" onMouseOver="MM_swapImage('Image1','','button-1-on.gif',1)" onMouseOut="MM_swapImgRestore()"><img name=Image1 src="button-1.gif" width="150" height="20" border=0></a></DIV>
<!-------- 첫번째 메뉴의 부메뉴가 들어가는 부분 입니다 ------->
<DIV id="MFX1" style="position:absolute; width:150px; height:150px; z-index:1; left:20px; top: 40px; visibility: hidden; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000"><a href="#">submenu1</a><p align=center><img src="logo.gif" border=0 alt="이렇게 이미지를 넣을 수도 있습니다"></DIV>
<!-------- 첫번째 메뉴의 부메뉴가 끝났습니다 ------->
<!--///////////// 첫번째 메뉴의 설정이 모두 끝났습니다 ////////////////////-->

<!-------- 두번째 메뉴 ------->
<DIV id="MFX2" style="position:absolute; width:150px; height:20px; z-index:2; left:20px; top: 100px; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000"><a onfocus=this.blur() href="#" onClick="MFXrunMenu(2,5)" onMouseOver="MM_swapImage('Image2','','button-2-on.gif',1)" onMouseOut="MM_swapImgRestore()"><img name=Image2 src="button-2.gif" width="150" height="20" border=0></a></DIV>

<DIV id="MFX3" style="position:absolute; width:150px; height:150px; z-index:1; left:20px; top: 120px; visibility: hidden; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000"><a href="#">submenu2</a></DIV>
<!-------- 두번째 메뉴 끝 ------->

<!-------- 세번째 메뉴 ------->
<DIV id="MFX4" style="position:absolute; width:150px; height:20px; z-index:2; left:20px; top: 180px; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000"><a onfocus=this.blur() href="#" onClick="MFXrunMenu(4,5)" onMouseOver="MM_swapImage('Image3','','button-3-on.gif',1)" onMouseOut="MM_swapImgRestore()"><img name=Image3 src="button-3.gif" width="150" height="20" border=0></a></DIV>

<DIV id="MFX5" style="position:absolute; width:150px; height:150px; z-index:1; left:20px; top: 200px; visibility: hidden; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000"><a href="#">submenu3</a></DIV>
<!-------- 세번째 메뉴 끝 ------->

<!-------- 네번째 메뉴 ------->
<DIV id="MFX6" style="position:absolute; width:150px; height:20px; z-index:2; left:20px; top: 260px; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000"><a onfocus=this.blur() href="#" onClick="MFXrunMenu(6,5)" onMouseOver="MM_swapImage('Image4','','button-4-on.gif',1)" onMouseOut="MM_swapImgRestore()"><img name=Image4 src="button-4.gif" width="150" height="20" border=0></a></DIV>

<DIV id="MFX7" style="position:absolute; width:150px; height:150px; z-index:1; left:20px; top: 280px; visibility: hidden; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000"><a href="#">submenu4</a></DIV>
<!-------- 네번째 메뉴 끝 ------->

<!-------- 다섯번째 메뉴 ------->
<DIV id="MFX8" style="position:absolute; width:150px; height:20px; z-index:2; left:20px; top: 340px; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000"><a onfocus=this.blur() href="#" onClick="MFXrunMenu(8,5)" onMouseOver="MM_swapImage('Image5','','button-5-on.gif',1)" onMouseOut="MM_swapImgRestore()"><img name=Image5 src="button-5.gif" width="150" height="20" border=0></a></DIV>

<DIV id="MFX9" style="position:absolute; width:150px; height:150px; z-index:1; left:20px; top: 360px; visibility: hidden; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000"><a href="#">submenu5</a></DIV>
<!-------- 다섯번째 메뉴 끝 ------->

</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

유창화
프로필 보기이 회원 글보기
 19년 전
자바스크립트 팁들이 다 좋군요
감사합니다.

게시글 목록

번호 제목
9921
기타 사이트의 해상도를 알려주고 해상도가 맞지 않으면 경고창을 띄우는 스크립트
28612
HTML 사용자 웹브라우저의 이름 알려주기
28611
HTML 사용자 웹브라우저 정보 보여주기 해상도, 자바설치여부 등등
28605
HTML ctrl +j 와 ctrl + alt + shift + t 의 사용법(잔팁) 5
9920
JavaScript Samba 설정
9916
Flash 초짜의 Timeline 이용한 Intro 페이지 연습 [2] 3
9915
기타 즐겨찾기 추가, 시작페이지로 만들기
28596
HTML curl 함수를 이용한 HTTP_REFERER 변경 8
9906
JavaScript Ajax(Asynchronous JavaScript and XML)란? 8
28572
HTML if 23
28564
HTML iinclude와 조건문 7
9898
PHP 제가 사용하는 php환경맞춤 부분 7
24744
제가 만들어서 쓰고 있는 입금표양식입니다. 1
24742
제가 만들어서 쓰고 있는 세금계산서 양식입니다. 1
24741
제가 만들어서 쓰고 있는 거래명세서입니다.
24736
견적서 제가 만들어서 쓰고 있는 견적서입니다. 4
28558
HTML 국내 지도 선택(시, 도 별로 선택하기) 5
9896
기타 시차에 따른 서버시간 출력하기... 1
9893
기타 ▩(JAVA)랜덤으로 이미지 출력 되기 2
9892
JavaScript 웹문서에 주소창 넣기 스크립트
9891
기타 연합뉴스 속보 홈에 다는 코드입니다.
9890
기타 팝업창 다시 안뜨게 하기
28557
HTML 페이지 이동중입니다 잠시만 기달려주세여
9889
기타 [JavaScript] 폼 버튼을 클릭하면 경고 메세지 보내기
9888
JavaScript 폼 항목중 입력하지 않을때 경고창 띄우기
9887
기타 사용자 해상도알아내는 스크립트~
9885
기타 스크립트를 암호화 시켜보자! 1
9884
JavaScript 아기창 자동으루 띄우고 엄마창 자동으루 죽이기
28555
HTML php실명인증 한번만하면 쭈우욱^^ 1
9883
기타 사용자가 만드는 파일을 이용한 인증
9881
MySQL rrdtool 사용하기 1
9880
MySQL 다람쥐 메일(Squirrel Mail) 설치(FC1)
9879
기타 붙여넣기 + 오른쪽 마우스 클릭 금지(익스만)
9878
MySQL 메일,홈계정 쿼터 적용하기
9877
기타 파일을 분할 압축방법
9876
MySQL mysql 부팅시 실행 시키기
9873
JavaScript mod_rewrite 모듈 설치 2
9871
MySQL phpMyadmin 웹호스팅 설정 1
9864
기타 [펌]잘못된 PHP 코딩 스타일 6
9840
기타 머리카락 패스따기 23
9836
Flash 초짜의 MovieClip을 이용한 Intro 페이지 연습 3
9834
Flash 초짜의 Menu_Sliding(아래 연습의 응용 결과물) 1
9832
Flash 초짜의 Fade_Out_Effect 연습 1
9830
Flash 초짜의 Shadow_Effect 연습 1
9828
Flash 초짜의 Shape Draw_Effect 연습 1
9826
Flash 초짜의 Typo_Graphy 트위닝 연습 1
9797
Flash 플래시 네비게이션 맨땅에 헤딩하기 -15- 네비게이션에 뮤직컨트롤러 달기 28
9754
Flash 플래시 네비게이션 맨땅에 헤딩하기 -14- 네비게이션에 날개달기.. 42
9709
Flash 플래시 네비게이션 맨땅에 헤딩하기 -13- 세단계 진화하는 네비게이션(2) 44
9686
Flash 플래시 네비게이션 맨땅에 헤딩하기 -12- 세단계 진화하는 네비게이션(1) 22
9646
Flash 플래시 네비게이션 맨땅에 헤딩하기 -11- 두단계 진화하는 네비게이션 39
9634
Flash 플래시 네비게이션 맨땅에 헤딩하기 -참여 하고 계신 분들께- 11
9617
Flash 플래시 네비게이션 맨땅에 헤딩하기 -10- 한단계 진화하는 네비게이션 16
9615
기타 퇴장시 딱한번만 띠웁니다.필요한자료일것임 1
9613
기타 www 떼고 접속하면 다시 www붙은 주소로 리다이렉션 걸기 1
28553
HTML http://홈주소/?mode=xxx 하는방법 :) 1
9611
기타 초보분들을 위한 연산자 총정리 1
9607
기타 신문 기사를 긁어오기^^ 3
24726
계약서 84가지 계약서 압축파일입니다. 9
24725
성격진단용 질문지
24721
리더쉽 측정용 설문지 3
9569
Flash 플래시 네비게이션 맨땅에 헤딩하기 -9- 기본 골격 완성하기 37
9567
Flash 플래시강좌 진행중입니다. 1
9550
Flash 플래시 네비게이션 맨땅에 헤딩하기 -8- 무비클립과 프레임액션(3) 16
9531
Flash 플래시 네비게이션 맨땅에 헤딩하기 -7- 무비클립과 프레임액션(2) 18
9527
JavaScript 접속자 아이피 출력(1원짜리 팁) 3
28550
HTML 포토샵 환경 설정 초기화 하기(1원짜리 팁) 2
9493
Flash 플래시 네비게이션 맨땅에 헤딩하기 -6- 무비클립과 프레임액션(1) 33
9479
Flash 플래시 네비게이션 맨땅에 헤딩하기 -5- 버튼과 기본 에니메이션(4) 13
9431
Flash 플래시 네비게이션 맨땅에 헤딩하기 -4- 버튼과 기본 에니메이션(3) 47
9418
Flash 플래시 네비게이션 맨땅에 헤딩하기 - 4강에 앞서 잠시 12
9372
Flash 플래시 네비게이션 맨땅에 헤딩하기 -3- 버튼과 기본 에니메이션(2) 45
9331
Flash 플래시 네비게이션 맨땅에 헤딩하기 -2- 버튼과 기본 에니메이션(1) 40
9267
Flash 플래시 네비게이션 맨땅에 헤딩하기 -1- 배경과 버튼 만들기 63
9216
Flash 플래시 네비게이션 맨땅에 헤딩하기 - 강좌에 앞서 - 50
9215
기타 스타일시트(CSS) 삽입하기
9214
JavaScript 리눅스 설치 후 해야 할 일
28549
HTML [자바스크립트강좌] HTML로 글자 변환
28548
HTML 데이터베이스의 생성, 선택, 보기
9213
JavaScript [PHP동영상강좌] 프로그래밍 본격 시작 - 01
28543
HTML 포토샵 CS 브러쉬 툴 강좌 4
9211
기타 다양한 색상으로 입체효과주기(그라디언트) 1
9210
기타 드로잉 툴을 이용한 오브젝트 만들기
9208
MySQL [mysql] 2개 테이블에서 중복된거라도 한개씩만 추출하기 1
24718
[엑셀] 플래너 데일리 속지 2
24706
[엑셀] 홈페이지 스토리보드 11
24702
기획서 [엑셀] 웹기획서 3
24701
회사에서 많이 쓰는 영수증 서식
24698
견적서 쇼핑몰 제작 견적서 2
24695
계약서 쇼핑몰 계약서 2
9202
JavaScript 시원한 테이블 메뉴 스크립트 5
28540
HTML IE 패치 스크립트(상호 작용하는 ActiveX 컨트롤이 사용자 입력에 즉시 응답하도록 웹 페이지를 수정하는 방법) 2
24688
국립국어원의 한글 맞춤법 자료 6
9194
Flash IE 패치에 따른 플래시 이용방식 변경 7
24679
계약서 홈페이지 계약서 8
24674
홈페이지 견적 산출 기준 4
24670
견적서 [엑셀파일] 제 나름대로 사용하는 견적서 3
9193
정규표현식 [브라우저]브라우저명을 정확히 알아내기
9191
JavaScript [위치관련]팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기 1
9190
기타 [위치관련]레이어 사용시 브라우저/해상도 구분없이 특정위치에 띄우기
이전 다음
전체 목록