|
|
마우스를 올리면 밑에 메뉴가 나오는 소스
<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> |
| 
|
