테스트 사이트 - 개발 중인 베타 버전입니다
SIR

부메뉴 나오게 하기 짜집기판...

카이루
프로필 보기이 회원 글보기
 · 16년 전 · 1600 · 1
333.jpg

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>

<body bgcolor="#FFFFFF" text="#000000">

<SCRIPT type="text/javascript">
<!--
 old_debate='1';

 function showLayer_tap(objid){
  document.getElementById("debate_content"+old_debate).style.display="none";
  document.getElementById("debate_content"+objid).style.display="";
  old_debate=objid;
 }
//-->
</SCRIPT>


<table width="550" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="5" onMouseOver="javascript:showLayer_tap(0);">&nbsp;</td>
  </tr>
  <tr>
    <td onMouseOver="javascript:showLayer_tap(0);" width="50">&nbsp;</td>
    <td onMouseOver="javascript:showLayer_tap(1);">1번대메뉴</td>
    <td onMouseOver="javascript:showLayer_tap(2);">2번대메뉴</td>
    <td onMouseOver="javascript:showLayer_tap(3);">3번대메뉴</td>
    <td onMouseOver="javascript:showLayer_tap(0);" width="50">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="5" onMouseOver="javascript:showLayer_tap(0);" height="30">&nbsp;</td>
  </tr>
</table>

<DIV id=debate_content0 style="DISPLAY: none;"></div>
<DIV id=debate_content1 style="DISPLAY: none;" style="position:absolute; top: 50px; width: 320px;height: 40px; margin-left: 10px; z-index:3;"><a href="주소">부메뉴1-1</a> / <a href="주소">부메뉴1-2</a> </div>
<DIV id=debate_content2 style="DISPLAY: none;" style="position:absolute; top: 50px; width: 320px;height: 40px; margin-left: 150px; z-index:3;"><a href="주소">부메뉴2-1</a> / <a href="주소">부메뉴2-2</a> </div>
<DIV id=debate_content3 style="DISPLAY: none;" style="position:absolute; top: 50px; width: 320px;height: 40px; margin-left: 280px; z-index:3;"><a href="주소">부메뉴3-1</a> / <a href="주소">부메뉴3-2</a> </div>
<!-- javascript:showLayer_tap(0);  ==> debate_content0 으로 이동해서 빈공간으로 나오게 만듬 -->

<!--top: 85px; width: 320px;height: 40px; margin-left: 280px; z-index:3;
   높이;div폭;div 높이;앞이랑 공간;
 -->

</body>
</html>

어디에서 본 소스인데 한번 비슷므리하게 만들어봐써요 ^^  혹시 필요한분들을 위해서.....



kbench 에

<html>
<head>
<title>temp37</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//상단문자 배너 스크롤
//-->
//  ------------------  개인화메뉴 시작 ------------------
var NS4;
var IE4;
var mouse_top;
var mouse_left;
var parent_menu_name = "class_userinfo";
var status_over = false; 
var event_id = "none";
var column_height = 18;
var mainmenu_top_indent = 0; 
var menuover_bgcolor = "#C9CDD1";
var menuover_fgcolor = "#ffffff";
var default_menuover_bgcolor = "#ffffff";
var default_menuover_fgcolor = "#000000";

NS4 = (document.layers);
IE4 = (document.all);
isWin = (navigator.appVersion.indexOf("Win") != -1)
if (NS4) {
  document.captureEvents(Event.CLICK)
  document.onclick = MouseDown;
}else if (IE4) {
  document.onclick = MouseDown;
}

function MouseDown(e) {
  event_target = event.srcElement;
  event_target = event_target.toString();
  event_check  = event_target.indexOf("javascript:UserMenuView(");  

  if (!status_over) hideAll();
  if (!event_check) {
    viewMenu(event, parent_menu_name);
  }else {
    hideAll();
  }
}

function hideAll() {
  eval(parent_menu_name + ".style.display = \"none\"");
  if (event_id == "none") { return; }
}

function viewMenu (e, ar_id) {
  if (ar_id == "none") return;
  menuLocBod = window.document.body;
  xPos = menuLocBod.scrollLeft + event.clientX;
  yPos = event.clientY + menuLocBod.scrollTop;
  screen_height = window.document.body.offsetHeight;
  screen_width = window.document.body.offsetWidth;
  mouse_top = e.y;
  mouse_left = e.x;
  eval("mainmenu_top_indent = " + parent_menu_name + ".children[0].children[0].children.length");
  mainmenu_top_indent = mainmenu_top_indent * column_height;

  if (screen_height > mouse_top + mainmenu_top_indent)
    yPos = event.clientY + menuLocBod.scrollTop;
  else
    yPos = (event.clientY + menuLocBod.scrollTop) - mainmenu_top_indent;

  if (mouse_top - mainmenu_top_indent < 0)
  yPos = event.clientY + menuLocBod.scrollTop;

  eval(ar_id + ".style.pixelTop =" + yPos);
  eval(ar_id + ".style.pixelLeft =" + xPos);  
  eval(ar_id + ".style.display = \"\"");
}

function onMouseOver(ar_obj, ar_id) {
  status_over = true;
  changeColor(ar_obj);
}

function onMouseOut(ar_obj) {
  status_over = false;
  changeColor(ar_obj);
}

//  ------------------  개인화메뉴 끝 ------------------
/*롤오버*/

function Roll(num,tog){eval("document.m"+num+".src=m"+num+"_"+tog+".src");} 

function pre_image_tig() {
for(a=1;a<=8;a++){
 eval('m'+a+'_on = new Image()');
 eval('m'+a+'_off = new Image()');
 eval('m'+a+'_on.src = \"http://images.kbench.com/n_img/newmenu/menu'+a+'_on.gif\"');
 eval('m'+a+'_off.src = \"http://images.kbench.com/n_img/newmenu/menu'+a+'_off.gif\"');
 }
}

function Show() { //v3.0
  var i,p,v,obj,args=Show.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
 if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
 obj.visibility=v; }
}

function ChangeLayer(id)
{
    if (document.getElementById(id).style.display == "")
     document.getElementById(id).style.display = "none";
 else
  document.getElementById(id).style.display = "";
}

function ChangeLayerValue(id, value)
{
 document.getElementById(id).style.display = value;
}

pre_image_tig();
</SCRIPT>

<TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR><TD><A onmouseover="Roll('1','on');Show('sub1','','show')" onfocus=this.blur() onmouseout="Roll('1','off');Show('sub1','','hide')"  href="#">
   <IMG height=37 src="http://images.kbench.com/n_img/newmenu/menu1_off.gif" width=79 border=0 name=m1></A></TD>
     <TD><IMG height=37 src="http://images.kbench.com/n_img/newmenu/frame_2.gif" width=7 border=0></TD>
     <TD><A onmouseover="Roll('2','on');Show('sub2','','show')"  onfocus=this.blur() onmouseout="Roll('2','off');Show('sub2','','hide')"  HREF="#">
    <IMG height=37 src="http://images.kbench.com/n_img/newmenu/menu2_off.gif" width=73 border=0 name=m2></A></TD>
  </TR></TBODY></TABLE>

<DIV id=sub1 onmouseover="Roll('1','on');Show('sub1','','show')" style="Z-INDEX: 200; VISIBILITY: hidden; POSITION: absolute" onmouseout="Roll('1','off');Show('sub1','','hide');">
<P style="MARGIN-LEFT: 10px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR vAlign=top>
     <TD>
         <TABLE cellSpacing=0 cellPadding=0 border=0>
            <TR>
               <TD><IMG height=33 src="http://images.kbench.com/n_img/newmenu/sub_conor_1.gif"  width=14></TD>
               <TD style="BACKGROUND-POSITION: 0% 0%; BACKGROUND-IMAGE: url(http://images.kbench.com/n_img/newmenu/sub_back.gif); BACKGROUND-REPEAT: repeat-x">
                <P class=sub_menu>&nbsp; <A  href="http://www.kbench.com/hardware/?cc=1">전체</A> l <A  href="http://www.kbench.com/hardware/?cc=5">CPU</A>
              &nbsp; </P></TD>
               <TD><IMG height=33 src="http://images.kbench.com/n_img/newmenu/sub_conor_2.gif" width=14></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
</DIV>
<DIV id=sub2 onmouseover="Roll('2','on');Show('sub2','','show')" style="Z-INDEX: 200; VISIBILITY: hidden; POSITION: absolute"  onmouseout="Roll('2','off');Show('sub2','','hide');">
<P style="MARGIN-LEFT: 50px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
                    <TBODY>
                    <TR vAlign=top>
                      <TD>
                        <TABLE cellSpacing=0 cellPadding=0 border=0>
                          <TBODY>
                          <TR>
                            <TD><IMG height=33
                              src="http://images.kbench.com/n_img/newmenu/sub_conor_1.gif"
                              width=14></TD>
                            <TD
                            style="BACKGROUND-POSITION: 0% 0%; BACKGROUND-IMAGE: url(http://images.kbench.com/n_img/newmenu/sub_back.gif); BACKGROUND-REPEAT: repeat-x">
                              <P class=sub_menu>&nbsp; <A
                              href="http://www.kbench.com/digital/?cc=1">전체</A>
                              &nbsp; </P></TD>
                            <TD><IMG height=33
                              src="http://images.kbench.com/n_img/newmenu/sub_conor_2.gif"
                              width=14></TD></TR>
                           </TABLE></TD></TR>
</TABLE></P>
</DIV>
                  <DIV id=sub3
                  onmouseover="Roll('3','on');Show('sub3','','show')"
                  style="Z-INDEX: 200; VISIBILITY: hidden; POSITION: absolute"
                  onmouseout="Roll('3','off');Show('sub3','','hide');">333</DIV>
                  <DIV id=sub4
                  onmouseover="Roll('4','on');Show('sub4','','show')"
                  style="Z-INDEX: 200; VISIBILITY: hidden; POSITION: absolute"
                  onmouseout="Roll('4','off');Show('sub4','','hide')">444
                  <P style="MARGIN-LEFT: 200px"></DIV>
<!-- End Save for Web Slices -->
</body>
</html>

이런식으로 하네요 ;;;;

[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]

첨부파일

333.jpg (25.8 KB, 0회)
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

은지요☆
프로필 보기이 회원 글보기
 14년 전
우와 이거 진짜 필요햇었는데..감사합니다앗

게시글 목록

번호 제목
20097
PHP User Management 관련 입니다.
20095
웹서버 LEMP(ubuntu14.04 + nginx + mysql + php-fpm + memcached) 스택 설치방법 소개 1
20093
PHP 관리자 및 회원의 페이지 접근 권한 간단구현 입니다. 1
20092
PHP [서버운영] 아파치로그] sql로 바로 저장 입니다.
20091
PHP [서버운영] 아파치로그] 보기좋고 파싱하기 좋은 통합로그 입니다.
20089
PHP (win) xdebug와 xampp 사용하기 입니다. 1
20086
PHP 계정별 register_global 설정 입니다. 2
20085
PHP apache log처리에 대해서 입니다.
20084
PHP 이름기반 가상호스트 설정관련 입니다.
20083
PHP exif 익스텐션 실행이 안되는 경우 입니다.
20082
PHP 타겟(target) 쓰는 법 입니다.
28358
input에 링크를 걸려고 하는데;; 2
20081
PHP 파일이름의 확장자로 파일 종류를 확인하는 함수 입니다.
20079
PHP 이미지 없는 라운드테이블 만들기 입니다. 1
20078
PHP 문자셋 인코딩 바꾸는 팁 입니다.
20077
PHP 타도메인간 쿠키 공유하기 입니다
20076
PHP apache mod_rewrite 설치시 팁 입니다
20075
PHP 본문에 주민등록번호가 포함되면 경고 알려주기 입니다.
20074
PHP 입력내용중의 일부만 보여주고 x 표시 할때 입니다.
20073
PHP php환경 변수 출력 입니다.
20072
PHP PHP팁 (보안 등) 입니다.
20071
PHP 문자열 자르는 함수 입니다.
20070
PHP 게시판에서 컨텐츠중 이미지 사이즈를 조정 입니다.
20069
PHP 파일 업로드 시 html에서 용량 제어하기 입니다.
8148
저작권 폰트? 23
20057
정규표현식 파싱 예제입니다. 11
8141
자바스크립트로 트위터 트윗을 따오고 싶어요! 6
24669
예전에 봤던 PPT만들기 팁 공유하고싶어서요.
20056
웹서버 리눅스 특정 명령어 실행 권한 주기
8138
PC로 스마트폰 터치제어하기가 가능한가요? 2
28353
파이어폭스 본고딕 웹폰트 깨짐.. 4
20055
jQuery Simple Carousel (Sliding Banner)
20054
jQuery CSS3 - transition, transform을 이용한 element effect!
20053
PHP 비 전문가를 위한 XMLHttpRequest 활용 소개 입니다.
20052
PHP 디렉토리내의 모든 원소의 소유권, 그룹, 퍼미션 정보 가져와서 저장하기 입니다.
20051
PHP httpd.conf 파일 완벽 가이드 입니다.
20050
JavaScript 지난 시간 경과시간 페이스북 sns 처럼 보여주기 javascript 버전
20047
PHP [Instagram] 해시태그 검색 이미지 얻어오는 방법 2
20046
PHP php환경맞춤 부분 입니다.
20045
PHP 프레임 새로고침할 때 페이지 유지하기 입니다.
20044
PHP 접속자의 브라우져와 OS정보를 알려주는 함수 입니다.
8111
구매대행 쇼핑몰 제작의뢰. 26
20043
PHP 웹호스팅해서 사용시 fopen을 사용하지 못할 경우 해결법입니다.
20042
PHP zend 설치하기 (php.ini) 에서 안보일때 해결법 입니다.
20040
PHP 아파치 무단링크 막기 입니다. 1
20039
JavaScript 구글 맞춤검색 설정 방법, google custom search
20037
PHP php in_array 사용법 배열값 확인하기 1
20036
PHP ob_start callback에 대한 설명
20035
PHP call_user_func 함수 재정의
20027
MySQL 1000만건 게시판에 도전합니다. 두번째 7
8107
제로보드에서 그누보드 변경방법? 3
31022
기타 ie 와 크롬 폰트 부분해결할 수 있는건지좀 알려주시면 감사드립니다. 1
20026
MySQL Join 을 이용한 delete
20025
PHP 정규식 (Regular Expression Functions) 입니다.
20024
PHP Apache 설치후 httpd.conf 설정
20023
PHP 미리 정의된 변수들 입니다.
28350
파일다운 링크에관해 질문드립니다 ㅠ_ㅠ도와주세요 2
20022
PHP array_rand 관련 입니다.
20018
MySQL 1000만건 게시판에 도전합니다. 첫번째 3
20017
MySQL select 해서 바로 insert하기
8099
사파리에서는 두개 이상의 같은 이름 radio는 안 먹네요. 7
20016
MySQL 필드 내용에서 특정문자열을 기준으로 문자열 자르기
20013
PHP PHP최근메뉴얼(도움말)파일입니다 2
8090
모바일사이트 앱등록 방법 8
20012
PHP 시스템 정보를 알아볼 수 있는 방법입니다.
20010
PHP number_format 시 빈값 예외처리 1
20009
웹서버 Could not reliably determine the server's fully qualified domain name
19998
PHP 텔레그램 푸쉬 봇 10
28348
SK 공시지원금 홈페이지 자동연동 API 1
28347
angularjs 수정작업 및 스크립트 작업 가능 하신분 계신가요?
19997
OS 짧은 주소 만들기, htaccess RewriteRule 리다이렉션
19996
OS 파일분할 분할압축 해제
19995
웹서버 리눅스백그라운드실행
19993
PHP 로컬에서 자바스크립트 HTML 소스 가져오기 1
8087
<초보분들을 위한 개념> CSS란 ? 2
8065
오픈마켓, 개발 3년차에게 가능한 일인지? 21
19990
jQuery JQuery 이미지 lazyload 플러그인입니다. 2
8063
g4->g5로 업데이트후 구글에서 검색노출 저조되는현상.. 1
8056
오픈마켓 오픈소스 구할수 있을까요? 6
19989
기타 printf함수를 이용하여 문자 출력
19988
기타 printf함수를 이용하여 실수형 데이터 출력하기
19987
기타 printf함수를 이용하여 정수값 출력하기​
19986
기타 정수값으로문자출력 putchar
19985
기타 c언어 기초강의 - 한문자 출력 명령어 putchar
19984
기타 C언어기초강의 - puts로 문자열 출력
19983
MySQL [MySQL] csv 파일을 직접 MySQL 테이블로 Import 하는 방법 (대용량 파일 import 팁)
19982
MySQL mysql에서 boolean 타입 사용하기
8054
답글, 댓글 로직 1
19981
jQuery jquery 플러그인: rolVideo.min.js 공개하였습니다.
19980
웹서버 [리눅스] 사양 알아보기 (메모리, CPU, HDD, 비트, 네트워크)
19979
MySQL mysqladmin 상태 모니터링
19978
기타 리눅스 아파치 서버에 그누컨텐츠 설치하기
19977
웹서버 리눅스 프로세스 중단, 제거, 중지 - Kill
19976
웹서버 리눅스 프로세스 검사, 조회
19975
웹서버 리눅스에서 네트워크 상태 보기
19974
웹서버 리눅스 80 포트 방화벽 열기
19973
MySQL mysql 사용시 콘솔내에서 유용하게 사용할 수 있는 방법 몇가지
19972
MySQL Mysql Table 일괄 삭제 방법.
19971
MySQL Mysql 특정값 제외하고 Select 하기. Not IN
19970
MySQL mysql . update replace(치환) 방법 (mysql 팁)
이전 다음
전체 목록