묻고답하기

  2. Support
  3. 묻고답하기

마이크로소프트의 홈페이지 메뉴.. 소스좀 분석해주세요

2002.10.10 05:20

양의석

마이크로 소프트홈페이지에 쓰는 소스가 먼지 좀 알려주세요<HTML>
<HEAD>
<TITLE>가자 자바스크립트 세상으로/마소 메뉴</TITLE>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>

<STYLE type=text/css>#menu {
        BACKGROUND: lightblue; COLOR: black; CURSOR: default; FONT-FAMILY: verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold
}
#menu .popup {
        BACKGROUND: lightblue; BORDER-BOTTOM: lightblue 12px solid; BORDER-LEFT: lightblue 12px solid; BORDER-RIGHT: lightblue 12px solid; BORDER-TOP: lightblue 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: red; 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: red
}
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() bgcolor="#000080">
<DIV style="BACKGROUND: lightblue; WIDHT: 100%">
<TABLE border=0 id=menu onclick=popup() onmouseout=highlight();
onmouseover=highlight();>
  <TBODY>
  <TR>
    <TD>
      <a href="http://java.up2.co.kr">Home</a></TD>
    <TD bgColor=black></TD>
    <TD>
      <P>Some Folder </P>
      <DIV class=popup>
      <P><a class="anchor" href="http://java.up2.co.kr">자바스크립트세상으로</a>
      <P>　<P><a href="http://yahoo.co.kr">yahoo</a>
      </P></DIV></TD>
    <TD bgColor=black></TD>
    <TD>
      <P>What I Can</P>
      <DIV class=popup>
      <P><A href="http://www.javascripts.">JScript & HTML for IE</A>
      <P><A href="http://www.learnasp.com">ASP programming</A>
          <P><A href="http://www.javasoft.com">Java applets</A>
          <P><A href="http://www.inprise.com">Delphi programming</A>
          
          </P></DIV></TD>
    <TD bgColor=black></TD>
    <TD>
      <P>Contact with me</p>
      <DIV class=popup>
          <P><A href="mailto:aaa@aaa.com">just mail me</A>
          </p></div>
    </TD></TR></TBODY></TABLE></DIV>
<P></P>

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
``스니크; 저 로그인 한사람의 아이디를 어떻게 출력 해요? [1] 2007.08.10
김시내 엔지오 처럼 레이어 메뉴를 쓰는데여-_ㅠ  
최락호 제로카운터 질문입니다~~ㅠ_ㅠ [2] 2007.08.10
김재영 제로보드 컨버팅 과정중 별견된.. 의문점..  
다굴e 왜 모든 php파일들에/..... [6] 2007.08.10
달기 배경투명하게 하는법좀 알려주세요.  
윤주헌 [MySQL] 간단한 것을 가장 빠르게 .. [2] 2007.08.10
카디르 Mysql 사용하는 것에 대한 질문입니다^^ [2] 2007.08.10
김진혁 [질문]php nuke 5.5 설치 admin 로그인 문제  
불티나 [php] 출력문에 대해서... [1] 2007.08.10
iies 레이어 띄울때 정렬에 대해서 질문... [1] 2007.08.10
人祖人間 저기 포토샵에서요... 글에 그림자 나오게 하려면... [2] 2007.08.10
人祖人間 포토샵에서 아이콘 테두리를 둥그스름 하게..  
HOPE-★ 제로보드 오류문구에 관해서여. [2] 2007.08.10
HomeBox™ 제로님 사이트처럼 홈페이지를 만들려면 어떻게 해야하는지 알려주세요^^; [3] 2007.08.10
하소영 회원제 홈피 운영할려구 하는데요 가입이 안되네요... [2] 2007.08.10
Tizi COM함수를 이용한 웹사이트와 일정 호스트간의 실시간 데이터 송수신  
정경화 민주당로고 가운데 초록부분 어떻게 만드는 거예여???  
필생즉사 에러 페이지 구현 방법? [1] 2007.08.10
iies 폼메일 질문... [3] 2007.08.10
태그 쓰기