묻고답하기
롤오버메뉴 만드는법좀! 알려주세요
2012.05.22 22:07
안녕하세요..XE와는 전혀 관련없지만
현재 HTML를 기초부터 배우고잇는 학생입니다..
궁금한게 있어서 어디다가 물어볼데가 마땅치않아 이곳에 질문을 하게되네요
저의 사이트는 http://xtory.wo.tc/hans 인데요 메뉴에 마우스를 갖다되면 서브메뉴가 내려오게 하고싶은데..
어떻게해야할지.. 지금 롤오버하면 색상변하는건 나모로..어찌어찌햇는데..
서브메뉴를 내려오게하는법은..모르겟네요.
2줄요약
정말 초보가.. 홈페이지 하나 http://xtory.wo.tc/hans 제작중
XE홈페이지처럼 메인메뉴에 마우스 드래그하면 서브메뉴가 내려오게 하는법좀
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> FiSh World </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META NAME="Generator" CONTENT="EditPlus">
<!-- ImageReady Preload Script (menu.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
menu_03_Over = newImage("images/img/menu_03-Over.gif");
menu_04_Over = newImage("images/img/menu_04-Over.gif");
menu_05_Over = newImage("images/img/menu_05-Over.gif");
menu_06_Over = newImage("images/img/menu_06-Over.gif");
menu_07_Over = newImage("images/img/menu_07-Over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body ONLOAD="preloadImages();">
<!--메뉴 시작-->
<hr color=#dddddd>
<div id="bodyWrap">
<div id="header">
<div id="menu">
<TABLE WIDTH=988 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<A HREF="main.html">
<IMG SRC="images/img/menu_01.gif" WIDTH=276 HEIGHT=122 BORDER=0 ALT=""></A></TD>
<TD>
<IMG SRC="images/img/menu_02.gif" WIDTH=97 HEIGHT=122 ALT=""></TD>
<TD>
<A HREF="finger.html"
ONMOUSEOVER="changeImages('menu_03', 'images/img/menu_03-Over.gif'); return true;"
ONMOUSEOUT="changeImages('menu_03', 'images/img/menu_03.gif'); return true;">
<IMG NAME="menu_03" SRC="images/img/menu_03.gif" WIDTH=113 HEIGHT=122 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="ye.html"
ONMOUSEOVER="changeImages('menu_04', 'images/img/menu_04-Over.gif'); return true;"
ONMOUSEOUT="changeImages('menu_04', 'images/img/menu_04.gif'); return true;">
<IMG NAME="menu_04" SRC="images/img/menu_04.gif" WIDTH=121 HEIGHT=122 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="damsoo.html"
ONMOUSEOVER="changeImages('menu_05', 'images/img/menu_05-Over.gif'); return true;"
ONMOUSEOUT="changeImages('menu_05', 'images/img/menu_05.gif'); return true;">
<IMG NAME="menu_05" SRC="images/img/menu_05.gif" WIDTH=124 HEIGHT=122 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="plants.html"
ONMOUSEOVER="changeImages('menu_06', 'images/img/menu_06-Over.gif'); return true;"
ONMOUSEOUT="changeImages('menu_06', 'images/img/menu_06.gif'); return true;">
<IMG NAME="menu_06" SRC="images/img/menu_06.gif" WIDTH=124 HEIGHT=122 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="fix.html"
ONMOUSEOVER="changeImages('menu_07', 'images/img/menu_07-Over.gif'); return true;"
ONMOUSEOUT="changeImages('menu_07', 'images/img/menu_07.gif'); return true;">
<IMG NAME="menu_07" SRC="images/img/menu_07.gif" WIDTH=122 HEIGHT=122 BORDER=0 ALT=""></A></TD>
<TD>
<IMG SRC="images/img/menu_08.gif" WIDTH=11 HEIGHT=122 ALT=""></TD>
</TR>
</TABLE>
</div>
</div>
</div>
<hr noshade color=#dddddd>
<!--메뉴 종료-->
현재 메뉴에 사용중인 소스인데..여기서 몰추가해야할지..
