위의 메뉴에 마우스를 올리면 밑에 메뉴가 나오는 소스

웹팁

글 등록하기 | 내글 관리하기 | 연재글 | 보관함

2009.01.20 00:35 조회 수

4801

이온디

첨부파일 https://imweb.eond.com/coding/163963

<html>

<STYLE type=text/css>#menu {
BACKGROUND:#ffffff; COLOR: black; CURSOR: default; FONT-FAMILY: verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold
}
#menu .popup {
BACKGROUND:#f8efef; BORDER-BOTTOM:#ffffff 12px solid; BORDER-LEFT: #ffffff 12px solid; BORDER-RIGHT: #ffffff 12px solid; BORDER-TOP: #ffffff 12px solid; DISPLAY: none; FONT-FAMILY: verdana; FONT-SIZE: 8px; POSITION: absolute; WIDTH: 160pt
}
#menu P {
MARGIN-BOTTOM: 0pt; MARGIN-TOP: 0pt
}
A:hover {
COLOR: #708090; TEXT-DECORATION: none
}
A {
COLOR: black; FONT-SIZE:8pt; MARGIN: 5px; TEXT-DECORATION: none
}
UL {
COLOR: black; FONT-SIZE: 10pt; MARGIN: 5px; TEXT-DECORATION: none
}
LI {
COLOR: black; FONT-SIZE: 10pt; MARGIN: 5px; TEXT-DECORATION: none
}
P {
COLOR: black; FONT-SIZE: 10pt; MARGIN: 5px; TEXT-DECORATION: none
}
.over {
COLOR: #708090
}
P {
TEXT-ALIGN: justify; TEXT-INDENT: 0.1in
}
</STYLE>

<SCRIPT language=JavaScript>
var curPop = null;
function clearCurrent() {
// Hide the pop-up menu that is currently displayed.
if (null != curPop)
curPop.style.display = "";
curPop = null;
}

function popup() {
clearCurrent();
var el = event.srcElement;
// Display a new menu option.
if (("P" == el.tagName) &&
("menu" == el.parentElement.parentElement.parentElement.parentElement.id)) {
// Position and display the pop-up menu.
var elpop = document.all[el.sourceIndex + 1];
elpop.style.pixelLeft = el.parentElement.offsetLeft+7;
elpop.style.pixelTop = el.offsetTop +
document.all.menu.offsetTop+22;
elpop.style.display = "block";
curPop = elpop;
}
event.cancelBubble = true;
}

function highlight() {

// Highlight and popup the menu options.
if (null != event.fromElement)
if ((event.fromElement.tagName == "P") &&
(event.fromElement.parentElement.parentElement.parentElement.parentElement.id == "menu"))
{
event.fromElement.className = "";
}

if (null != event.toElement)
if ((event.toElement.tagName == "P") && (event.toElement.parentElement.parentElement.parentElement.parentElement.id == "menu"))
{
popup();
event.toElement.className = "over";
}
}

</SCRIPT>

</HEAD>
<BODY onclick=clearCurrent()>
<DIV style="BACKGROUND: #ffffff; WIDHT: 100%">
<TABLE border=0 id=menu onclick=popup() onmouseout=highlight();
onmouseover=highlight();>
<TBODY>
<TR>
<TD>
<P>누구누구 Home</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http:/...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Main</A>
                </div>

<TD bgColor=#ffffff></TD>
<TD>
<P>Profile</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=no,width=900,height=600,left=70,top=40')" onfocus="this.blur()">me?</A>

</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Gallery</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=850,height=600,left=100,top=40')" onfocus="this.blur()">My Gal</A>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">적당한 메뉴를 넣으셈.^^</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Download</p>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://..','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=100')" onfocus="this.blur()">이곳에 메뉴를..</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Music (download)</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Pops.</A>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">gayo</A>
<P><A href="#" onClick="/*window.open*/('http://..','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Movie Theme.</A>
                </div>

<TD bgColor=#ffffff></TD>
<TD>
<P>Site</p>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Cool Site</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Free Board</p>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://board1.hanmir.com/blue/Board.cgi?path=db249&db=1004patti&act=reflash','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=100')" onfocus="this.blur()">Free Board (old)</A>
<P><A href="#" onClick="/*window.open*/('http://www.ifuni.com/board/funiboard.php?db=patti','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=480,left=100,top=100')" onfocus="this.blur()">Free Board (new)</A>
<P><A href="#" onClick="/*window.open*/('http://board2.hanmir.com/blue/Board.cgi?path=db4&db=rubyjh','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=150,top=40')" onfocus="this.blur()">Guest Book</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>E-Mail</p>
<DIV class=popup>
<script>
function Fmail(pPage,Opt) { popUpWin = /*window.open*/(pPage,'',Opt); }
</script>
<P><a href="javascript:Fmail('http://blueboard.co.kr/mail/mail.cgi?cmd=input&skin=child
&to_name=수신자이름&to_mail=수신자메일주소&subject=안녕하세요^^*', 'top=200,left=330,width=250,height=378')" onfocus="this.blur()">Mail</A>
</P></DIV></TD></TR></TBODY></HTML>
    </table>

Total 235 articles in 4 / 12 pages

	제목	날짜
	코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP)	2018/01/03
	jQuery를 배울수 있는 동네들입니다.	2013/08/09
	관련 링크 [1]	2010/05/23
175	[PHP] 사이트 테마 기능 구현하기 [1]	2007/04/18
174	[Script] DIV 레이어 토글 [1]	2007/04/21
173	[Script] PNG 알파 필터 사용하기 [1]	2007/04/21
172	[Script] 최소/최대화 버튼 없는 군더더기 없는 새창 띄우기	2007/04/22
171	[Script] 스위칭 탭	2007/08/19
170	[HTML5] pre 태그랑 xmp 태그의 차이점 [1]	2007/08/20
169	[미분류] 태터에 제로보드 넣기 & Next, Prev 버튼 감추기 (by SkyRejoice)	2007/08/27
168	[Script] 레이어를 이용한 서브 메뉴	2007/09/10
167	[Script] onload="allblur()"	2007/11/10
166	[Script] 입력폼에 배경 넣기	2008/12/22
165	Table to DIV [5]	2008/12/25
164	구글 인덱스 코드	2008/12/25
163	CSS 강좌 2일차 : display : inline(혹은 block, none)	2008/12/27
162	[DIV] 이미지 없이 CSS로 둥근 모서리 구현하기 [1]	2008/12/31
161	Rounded corners without images [1]	2008/12/31
160	이미지 없이 CSS로 둥근 모서리 구현하기(1)	2008/12/31
159	Rounded Corners	2008/12/31
158	크로스브라우징 팁 정리 [2]	2009/01/01
157	DIV와 Table for Layout 에 대한 코딩 이야기 [2]	2009/01/03
156	리다이렉트 방식에 대해서.....	2009/01/04