메뉴 보이기
Profile
이온디

2009.01.20

Script

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

조회 수 4734 추천 수 0
<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>

Profile
0
Lv

0개의 댓글

에디터
번호 제목 날짜 조회 수
공지 [웹표준] 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018.01.03 99
공지 [jQuery] jQuery를 배울수 있는 동네들입니다. 2013.08.09 19176
공지 [미분류] 관련 링크 2010.05.23 33743
100 드롭다운 가로형 메뉴 2009.01.20 4772
99 탭메뉴형 자바스크립트 2009.01.20 4973
98 [HTML5] dl과 ul의 상하관계(?)에 대해서 질문드립니다. 1 2009.01.20 5121
97 Dolphin CSS Menu 2009.01.20 3785
96 Cut & Paste CSS Horizontal List Menu 2009.01.20 3859
95 [Script] 슬라이딩 레이어 1 2009.01.20 5815
94 [Script] 스크롤 따라다니는 레이어 2009.01.20 4881
93 [Script] 스크롤 따라다니는 레이어 2 2009.01.20 5746
92 [Script] 간단한 점프메뉴(selecter) 2009.01.20 4842
91 [Script] 화면 왼쪽에 숨겨진 레이어 꺼내기 1 2009.01.20 5608
90 [Script] 메뉴 슬라이딩(가로) 1 2009.01.20 7167
89 [Script] 클릭하면 슬라이드되면서 펼쳐지는 사이드 메뉴 2009.01.20 8242
88 [Script] 가로 세로가 호환되는 메뉴 2009.01.20 4127
[Script] 위의 메뉴에 마우스를 올리면 밑에 메뉴가 나오는 소스 2009.01.20 4734
86 [Script] 롤오버 메뉴에 하위 부메뉴 레이어..(아웃시 하위메뉴사라짐) 2 2009.01.20 6402
85 [Script] Show-Hide Layers (by 태그매니아) 3 2009.01.20 4934
84 [Script] Show-Hide Layers (by 신의키스) 2009.01.19 4644
83 [Script] div 높이 100% 맞추기 2009.01.18 6826
82 [Script] 롤오버 메뉴 만들기 1 2009.01.18 5880
81 주석 표시하기 2009.01.14 3506