<![CDATA[
<P>이를테면 이런 소스를 사용하기로 했다고 가정해볼게요</P>
<P> </P>
<P>----------------------------------------------------------------</P>
<P> </P>
<P><html><BR><head><BR> <title>http://www.blueb.co.kr</title><BR> <BR><style type="text/css"><BR>#dhtmlgoodies_slidedown_menu li{<BR> list-style-type:none;<BR> position:relative;<BR>}<BR>#dhtmlgoodies_slidedown_menu ul{<BR> margin:0px;<BR> padding:0px;<BR> position:relative;</P>
<P>}</P>
<P>#dhtmlgoodies_slidedown_menu div{<BR> margin:0px;<BR> padding:0px;<BR>}<BR>/* Layout CSS */<BR>#dhtmlgoodies_slidedown_menu{ <BR> width:205px; <BR> visibility:hidden;<BR>}</P>
<P>/* All A tags - i.e menu items. */<BR>#dhtmlgoodies_slidedown_menu a{<BR> color: #000;<BR> text-decoration:none; <BR> display:block;<BR> clear:both;<BR> width:170px; <BR> padding-left:2px; </P>
<P>}</P>
<P>/*<BR>A tags <BR>*/<BR>#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{ /* Main menu items */<BR> margin-top:1px;<BR> border-bottom:1px solid #000;<BR> font-weight:bold;<BR>} <BR>#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{ /* Sub menu items */<BR> margin-top:1px;<BR>} <BR>#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{ /* Sub menu items */<BR> margin-top:1px;<BR> font-style:italic;<BR> color:blue;<BR>} <BR>#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{ /* Sub menu items */<BR> margin-top:1px;<BR> color:red;<BR>} <BR>#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{ /* Sub menu items */<BR> margin-top:1px;<BR>}</P>
<P>/* UL tags, i.e group of menu utems. <BR>It's important to add style to the UL if you're specifying margins. If not, assign the style directly<BR>to the parent DIV, i.e. </P>
<P>#dhtmlgoodies_slidedown_menu .slideMenuDiv1</P>
<P>instead of </P>
<P>#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul<BR>*/</P>
<P>#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{<BR> padding:1px;<BR>}<BR>#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{<BR> margin-left:5px;<BR> padding:1px;<BR>}<BR>#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{<BR> margin-left:10px;<BR> padding:1px;<BR>}<BR>#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{<BR> margin-left:15px;<BR> padding:1px;<BR>}</P>
<P></style><BR><script type="text/xxxxjavascript" src="<A href="http://www.blueb.co.kr/SRC/xxxxjavascript/js/sliding_menu.js%22%3E%3C/xscript">http://www.blueb.co.kr/SRC/xxxxjavascript/js/sliding_menu.js"></script</A>><BR></head><BR><body><BR><div id="dhtmlgoodies_slidedown_menu"><BR><ul><BR> <li><a href="#">블루비</a><BR> <ul><BR> <li><a href="#">Menus</a><BR> <ul><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EDownload%3C/a%3E%3C/li">http://www.blueb.co.kr/">Download</a></li</A>><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EDemo%3C/a%3E%3C/li">http://www.blueb.co.kr/">Demo</a></li</A>><BR> </ul><BR> </li><BR> <li><a href="#">Calendar scripts</a><BR> <ul><BR> <li id="initialExpandedMenuItem"><a href="slidedown-menu2.html">Download</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EDemo%3C/a%3E%3C/li">http://www.blueb.co.kr/">Demo</a></li</A>></P>
<P> <li><a href="#">Is it cross browser?</a><BR> <ul><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3Eyes">http://www.blueb.co.kr/">yes</A> it is</a></li><BR> </ul><BR> </li><BR> </ul><BR> </li><BR> <li><a href="#">Window scripts</a><BR> <ul><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EDownload%3C/a%3E%3C/li">http://www.blueb.co.kr/">Download</a></li</A>><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EDemo%3C/a%3E%3C/li">http://www.blueb.co.kr/">Demo</a></li</A>><BR> </ul><BR> </li><BR> <li><a href="#">Form widgets</a><BR> <ul><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EDownload%3C/a%3E%3C/li">http://www.blueb.co.kr/">Download</a></li</A>><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EDemo%3C/a%3E%3C/li">http://www.blueb.co.kr/">Demo</a></li</A>><BR> </ul><BR> </li><BR> </ul><BR> </li><BR> <li><a href="#">Support</a><BR> <ul><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EPhone%3C/a%3E%3C/li">http://www.blueb.co.kr/">Phone</a></li</A>><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EEmail%3C/a%3E%3C/li">http://www.blueb.co.kr/">Email</a></li</A>><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EQnA%3C/a%3E%3C/li">http://www.blueb.co.kr/">QnA</a></li</A>><BR> </ul> <BR> </li><BR> <li><a href="#">History</a><BR> <ul><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3E1900">http://www.blueb.co.kr/">1900</A> - 1940</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3E1941">http://www.blueb.co.kr/">1941</A> - 1980 </a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3E1981">http://www.blueb.co.kr/">1981</A> - Present time</a></li><BR> </ul><BR> </li><BR> <li><a href="#">The team</a><BR> <ul><BR> <li><a href="#">Person A</a><BR> <ul><BR> <li><a href="#">CV</a><BR> <ul><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EJob">http://www.blueb.co.kr/">Job</A> 1</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EJob">http://www.blueb.co.kr/">Job</A> 2</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EJob">http://www.blueb.co.kr/">Job</A> 3</a></li><BR> </ul><BR> </li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EEducation%3C/a%3E%3C/li">http://www.blueb.co.kr/">Education</a></li</A>><BR> <li><a href="#">Experience</a><BR> <ul><BR> <li><a href="#">Job 1</a><BR> <ul><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EAccomplished">http://www.blueb.co.kr/">Accomplished</A> this</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EAccomplished">http://www.blueb.co.kr/">Accomplished</A> that</a></li><BR> </ul> <BR> </li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EJob">http://www.blueb.co.kr/">Job</A> 2</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EJob">http://www.blueb.co.kr/">Job</A> 3</a></li><BR> </ul><BR> </li><BR> </ul> <BR> </li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EPerson">http://www.blueb.co.kr/">Person</A> B</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EPerson">http://www.blueb.co.kr/">Person</A> C</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EPerson">http://www.blueb.co.kr/">Person</A> D</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EPerson">http://www.blueb.co.kr/">Person</A> E</a></li></P>
<P> </ul> <BR> </li><BR> <li><a href="#">Locations</a><BR> <ul><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3ENorway%3C/a%3E%3C/li">http://www.blueb.co.kr/">Norway</a></li</A>><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EUnited">http://www.blueb.co.kr/">United</A> States</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EUnited">http://www.blueb.co.kr/">United</A> Kingdom</a></li><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3ESweden%3C/a%3E%3C/li">http://www.blueb.co.kr/">Sweden</a></li</A>><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EDenmark%3C/a%3E%3C/li">http://www.blueb.co.kr/">Denmark</a></li</A>><BR> <li><a href="<A href="http://www.blueb.co.kr/%22%3EFinland%3C/a%3E%3C/li">http://www.blueb.co.kr/">Finland</a></li</A>><BR> </ul> <BR> </li><BR></ul><BR></div><BR><!-- END OF MENU --><BR><script type="text/xxxxjavascript"><BR>initSlideDownMenu();<BR></script><BR></div></P>
<P></body><BR></html> </P>
<P>------------------------------------------------------------------</P>
<P> </P>
<P> </P>
<P>이 소스를 노트패드에 붙여넣어보면 </P>
<P> </P>
<P style="TEXT-ALIGN: left"><img src="https://t1.daumcdn.net/cfile/cafe/126C2F174C8591DF53" class="tx-daum-image" style="FLOAT: none; CLEAR: none" actualwidth="205" border="0" hspace="1" vspace="1" width="205" id="A_126C2F174C8591DF537A51"/></P>
<P> </P>
<P> </P>
<P>이런 모습이 나오는데요.</P>
<P> </P>
<P>음.. 말로 설명하기가 좀 어려운데</P>
<P> </P>
<P>결국 자바스크립트는 일 부분이고 마크업해주는 것은 html이거든요</P>
<P> </P>
<P>위의 소스에서</P>
<P><script type="text/xxxxjavascript" src="<A href="http://www.blueb.co.kr/SRC/xxxxjavascript/js/sliding_menu.js%22%3E%3C/xscript">http://www.blueb.co.kr/SRC/xxxxjavascript/js/sliding_menu.js"></script</A>> 이부분이</P>
<P> </P>
<P>자바스크립트를 연동(?)하게 해주는 부분인데요.</P>
<P> </P>
<P>보시다시피 외부에 있는 js파일을 읽는다고 해야되나.. 어쨌든 그렇습니다.</P>
<P> </P>
<P>즉 위의 소스를 온전히 내 서버에서 돌리려면</P>
<P> </P>
<P>화면에 보여질 마크업페이지 (html 자체)와</P>
<P> </P>
<P>구동될 js파일이 함께 있어야겠지요 위의 소스에서는 <A href="http://www.blueb.co.kr/SRC/xxxxjavascript/js/sliding_menu.js">http://www.blueb.co.kr/SRC/xxxxjavascript/js/sliding_menu.js</A><A href="http://www.blueb.co.kr/SRC/xxxxjavascript/js/sliding_menu.js%22%3E%3C/script"></A> 이 파일이겠네요.</P>
<P> </P>
<P> </P>
<P><A href="http://www.blueb.co.kr/SRC/xxxxjavascript/js/sliding_menu.js">http://www.blueb.co.kr/SRC/xxxxjavascript/js/sliding_menu.js</A> 이 파일을 살펴보면</P>
<P> </P>
<P>---------------------------------------------------------------</P>
<P> </P>
<P>/************************************************************************************************************<BR>(C) <A href="http://www.dhtmlgoodies.com/">www.dhtmlgoodies.com</A>, October 2005</P>
<P>This is a script from <A href="http://www.dhtmlgoodies.com/">www.dhtmlgoodies.com</A>. You will find this and a lot of other scripts at our website. </P>
<P>Terms of use:<BR>You are free to use this script as long as the copyright message is kept intact. However, you may not<BR>redistribute, sell or repost it without our permission.</P>
<P>Thank you!</P>
<P><A href="http://www.dhtmlgoodies.com/">www.dhtmlgoodies.com</A><BR>Alf Magne Kalleland</P>
<P>************************************************************************************************************/ <BR>var expandFirstItemAutomatically = false; // Expand first menu item automatically ?<BR>var initMenuIdToExpand = false; // Id of menu item that should be initially expanded. the id is defined in the <li> tag.<BR>var expandMenuItemByUrl = true; // Menu will automatically expand by url - i.e. if the href of the menu item is in the current location, it will expand</P>
<P><BR>var initialMenuItemAlwaysExpanded = true; // NOT IMPLEMENTED YET</P>
<P>var dhtmlgoodies_slmenuObj;<BR>var divToScroll = false;<BR>var ulToScroll = false; <BR>var divCounter = 1;<BR>var otherDivsToScroll = new Array();<BR>var divToHide = false;<BR>var parentDivToHide = new Array();<BR>var ulToHide = false;<BR>var offsetOpera = 0;<BR>if(navigator.userAgent.indexOf('Opera')>=0)offsetOpera=1; <BR>var slideMenuHeightOfCurrentBox = 0;<BR>var objectsToExpand = new Array();<BR>var initExpandIndex = 0;<BR>var alwaysExpanedItems = new Array();<BR> <BR>function popMenusToShow()<BR>{<BR> var obj = divToScroll;<BR> var endArray = new Array();<BR> while(obj && obj.tagName!='BODY'){<BR> if(obj.tagName=='DIV' && obj.id.indexOf('slideDiv')>=0){<BR> var objFound = -1;<BR> for(var no=0;no<otherDivsToScroll.length;no++){<BR> if(otherDivsToScroll[no]==obj){<BR> objFound = no; <BR> } <BR> } <BR> if(objFound>=0){<BR> otherDivsToScroll.splice(objFound,1); <BR> } <BR> } <BR> obj = obj.parentNode;<BR> } <BR>}</P>
<P>function showSubMenu(e,inputObj)<BR>{</P>
<P> if(this && this.tagName)inputObj = this.parentNode;<BR> if(inputObj && inputObj.tagName=='LI'){<BR> divToScroll = inputObj.getElementsByTagName('DIV')[0];<BR> for(var no=0;no<otherDivsToScroll.length;no++){<BR> if(otherDivsToScroll[no]==divToScroll)return;<BR> } <BR> }<BR> hidingInProcess = false;<BR> if(otherDivsToScroll.length>0){<BR> if(divToScroll){ <BR> if(otherDivsToScroll.length>0){<BR> popMenusToShow();<BR> }<BR> if(otherDivsToScroll.length>0){ <BR> autoHideMenus();<BR> hidingInProcess = true;<BR> }<BR> } <BR> } <BR> if(divToScroll && !hidingInProcess){<BR> divToScroll.style.display='';<BR> otherDivsToScroll.length = 0;<BR> otherDivToScroll = divToScroll.parentNode;<BR> otherDivsToScroll.push(divToScroll); <BR> while(otherDivToScroll && otherDivToScroll.tagName!='BODY'){<BR> if(otherDivToScroll.tagName=='DIV' && otherDivToScroll.id.indexOf('slideDiv')>=0){<BR> otherDivsToScroll.push(otherDivToScroll);<BR> <BR> }<BR> otherDivToScroll = otherDivToScroll.parentNode;<BR> } <BR> ulToScroll = divToScroll.getElementsByTagName('UL')[0];<BR> if(divToScroll.style.height.replace('px','')/1<=1)scrollDownSub();<BR> } <BR> </P>
<P>}</P>
<P> </P>
<P>function autoHideMenus()<BR>{<BR> if(otherDivsToScroll.length>0){<BR> divToHide = otherDivsToScroll[otherDivsToScroll.length-1];<BR> parentDivToHide.length=0;<BR> var obj = divToHide.parentNode.parentNode.parentNode;<BR> while(obj && obj.tagName=='DIV'){ <BR> if(obj.id.indexOf('slideDiv')>=0)parentDivToHide.push(obj);<BR> obj = obj.parentNode.parentNode.parentNode;<BR> }<BR> var tmpHeight = (divToHide.style.height.replace('px','')/1 - slideMenuHeightOfCurrentBox);<BR> if(tmpHeight<0)tmpHeight=0;<BR> if(slideMenuHeightOfCurrentBox)divToHide.style.height = tmpHeight + 'px';<BR> ulToHide = divToHide.getElementsByTagName('UL')[0];<BR> slideMenuHeightOfCurrentBox = ulToHide.offsetHeight;<BR> scrollUpMenu(); <BR> }else{<BR> slideMenuHeightOfCurrentBox = 0;<BR> showSubMenu(); <BR> }<BR>}</P>
<P><BR>function scrollUpMenu()<BR>{</P>
<P> var height = divToHide.offsetHeight;<BR> height-=15;<BR> if(height<0)height=0;<BR> divToHide.style.height = height + 'px';</P>
<P> for(var no=0;no<parentDivToHide.length;no++){ <BR> parentDivToHide[no].style.height = parentDivToHide[no].getElementsByTagName('UL')[0].offsetHeight + 'px';<BR> }<BR> if(height>0){<BR> setTimeout('scrollUpMenu()',5);<BR> }else{<BR> divToHide.style.display='none';<BR> otherDivsToScroll.length = otherDivsToScroll.length-1;<BR> autoHideMenus(); <BR> }<BR>} </P>
<P>function scrollDownSub()<BR>{<BR> if(divToScroll){ <BR> var height = divToScroll.offsetHeight/1;<BR> var offsetMove =Math.min(15,(ulToScroll.offsetHeight - height));<BR> height = height +offsetMove ;<BR> divToScroll.style.height = height + 'px';<BR> <BR> for(var no=1;no<otherDivsToScroll.length;no++){<BR> var tmpHeight = otherDivsToScroll[no].offsetHeight/1 + offsetMove;<BR> otherDivsToScroll[no].style.height = tmpHeight + 'px';<BR> } <BR> if(height<ulToScroll.offsetHeight)setTimeout('scrollDownSub()',5); else {<BR> divToScroll = false;<BR> ulToScroll = false;<BR> if(objectsToExpand.length>0 && initExpandIndex<(objectsToExpand.length-1)){<BR> initExpandIndex++;<BR> <BR> showSubMenu(false,objectsToExpand[initExpandIndex]);<BR> }<BR> }<BR> }<BR>}<BR> <BR>function initSubItems(inputObj,currentDepth)<BR>{ <BR> divCounter++; <BR> var div = document.createElement('DIV'); // Creating new div <BR> div.style.overflow = 'hidden'; <BR> div.style.position = 'relative';<BR> div.style.display='none';<BR> div.style.height = '1px';<BR> div.id = 'slideDiv' + divCounter;<BR> div.className = 'slideMenuDiv' + currentDepth; <BR> inputObj.parentNode.appendChild(div); // Appending DIV as child element of <LI> that is parent of input <UL> <BR> div.appendChild(inputObj); // Appending <UL> to the div<BR> var menuItem = inputObj.getElementsByTagName('LI')[0];<BR> while(menuItem){<BR> if(menuItem.tagName=='LI'){<BR> var aTag = menuItem.getElementsByTagName('A')[0];<BR> aTag.className='slMenuItem_depth'+currentDepth; <BR> var subUl = menuItem.getElementsByTagName('UL');<BR> if(subUl.length>0){<BR> initSubItems(subUl[0],currentDepth+1); <BR> }<BR> aTag.[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xxonclick = showSubMenu; <BR> } <BR> menuItem = menuItem.nextSibling; <BR> } <BR>}</P>
<P>function initSlideDownMenu()<BR>{<BR> dhtmlgoodies_slmenuObj = document.getElementById('dhtmlgoodies_slidedown_menu');<BR> dhtmlgoodies_slmenuObj.style.visibility='visible';<BR> var mainUl = dhtmlgoodies_slmenuObj.getElementsByTagName('UL')[0]; <BR> var mainMenuItem = mainUl.getElementsByTagName('LI')[0];<BR> mainItemCounter = 1;<BR> while(mainMenuItem){ <BR> if(mainMenuItem.tagName=='LI'){<BR> var aTag = mainMenuItem.getElementsByTagName('A')[0];<BR> aTag.className='slMenuItem_depth1'; <BR> var subUl = mainMenuItem.getElementsByTagName('UL');<BR> if(subUl.length>0){<BR> mainMenuItem.id = 'mainMenuItem' + mainItemCounter;<BR> initSubItems(subUl[0],2);<BR> aTag.[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xxonclick = showSubMenu;<BR> mainItemCounter++;<BR> } <BR> } <BR> mainMenuItem = mainMenuItem.nextSibling; <BR> } <BR> <BR> if(location.search.indexOf('mainMenuItemToSlide')>=0){<BR> var items = location.search.split('&');<BR> for(var no=0;no<items.length;no++){<BR> if(items[no].indexOf('mainMenuItemToSlide')>=0){<BR> values = items[no].split('=');<BR> showSubMenu(false,document.getElementById('mainMenuItem' + values[1])); <BR> initMenuIdToExpand = false; <BR> }<BR> } <BR> }else if(expandFirstItemAutomatically>0){<BR> if(document.getElementById('mainMenuItem' + expandFirstItemAutomatically)){<BR> showSubMenu(false,document.getElementById('mainMenuItem' + expandFirstItemAutomatically));<BR> initMenuIdToExpand = false;<BR> }<BR> }</P>
<P> if(expandMenuItemByUrl)<BR> {<BR> var aTags = dhtmlgoodies_slmenuObj.getElementsByTagName('A');<BR> for(var no=0;no<aTags.length;no++){<BR> var hrefToCheckOn = aTags[no].href; <BR> if(location.href.indexOf(hrefToCheckOn)>=0 && hrefToCheckOn.indexOf('#')<hrefToCheckOn.length-1){<BR> initMenuIdToExpand = false;<BR> var obj = aTags[no].parentNode;<BR> while(obj && obj.id!='dhtmlgoodies_slidedown_menu'){<BR> if(obj.tagName=='LI'){ <BR> var subUl = obj.getElementsByTagName('UL');<BR> if(initialMenuItemAlwaysExpanded)alwaysExpanedItems[obj.parentNode] = true;<BR> if(subUl.length>0){ <BR> objectsToExpand.unshift(obj);<BR> }<BR> }<BR> obj = obj.parentNode; <BR> }<BR> showSubMenu(false,objectsToExpand[0]);<BR> break; <BR> } <BR> }<BR> }<BR> <BR> if(initMenuIdToExpand)<BR> {<BR> objectsToExpand = new Array();<BR> var obj = document.getElementById(initMenuIdToExpand)<BR> while(obj && obj.id!='dhtmlgoodies_slidedown_menu'){<BR> if(obj.tagName=='LI'){<BR> var subUl = obj.getElementsByTagName('UL');<BR> if(initialMenuItemAlwaysExpanded)alwaysExpanedItems[obj.parentNode] = true;<BR> if(subUl.length>0){ <BR> objectsToExpand.unshift(obj);<BR> }<BR> }<BR> obj = obj.parentNode; <BR> }<BR> <BR> showSubMenu(false,objectsToExpand[0]);</P>
<P> }<BR> <BR>}</P>
<P> </P>
<P> </P>
<P>----------------------------------------------------------</P>
<P> </P>
<P>이렇게 되어있네요.</P>
<P> </P>
<P>살펴보면</P>
<P> </P>
<P>html엘리먼트들중 ul,li,div등을 제어하고있습니다.</P>
<P> </P>
<P>대략적으로 이런 구성이고..</P>
<P> </P>
<P>저도 직접 스크립트를 짜서 사용하는 수준이 아니라서 ㅎㅎ; </P>
<P> </P>
<P>소스를 가져와서 디자인이나 메뉴항목들을 바꾸시려면</P>
<P> </P>
<P>js를 살펴보고 해당되는 이미지 링크와 기타 width,height,padding,margin값을 js와 연결되어있는 html상의 엘리먼트들중에서 변경하시면 될 것입니다.</P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<!-- -->
]]>
카페 게시글
웹디 질문 & 답변
Re:홈페이지 메뉴바..이런효과를 하는것이..?? css 인건가요??^^:;
다음검색
첫댓글 ㅠㅠㅠㅠㅠ친절하신 설명과 예제...넘넘 감사드립니다...그런데..넘넘 어렵습니당....ㅠㅠㅠㅠㅠㅠㅠㅠㅠ도저히....ㅠㅠㅠㅠ
ㅠㅠ 말주변이 없어놔서..