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

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

카이루
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 16년 전 · 1603 · 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년 전
우와 이거 진짜 필요햇었는데..감사합니다앗

게시글 목록

번호 제목
13454
기타 json 사용시 엔터(newline) 넘길때 에러나는 경우 2
29442
HTML php 에서 xml 자유롭게 쓰기 4
13451
기타 쇼핑몰 클릭 수량조절 2
13448
jQuery 자동등록방지코드 2
13446
기타 요일, 시간마다 다른 CSS 제어 1
13445
jQuery ajax modal window (ajax 모달창)
13442
jQuery 간단하게 Round, 그라디언트 처리하기!! 2
13439
PHP PHP 숫자 입력 유효성 체크 2
13437
기타 [보완] 폼의 첫번째 입력박스에 포커스 주기 1
13434
기타 만료된 페이지 만들기 2
13429
MySQL group by 를 이용한 학생들 과목 총점, 평점 만들기 예제 2
13425
기타 GD 를 이용한 테이블 포토 (imagecolorat) 3
13423
기타 iframe내의 id셀렉터 1
13418
jQuery 탭메뉴 4
13410
기타 euc-kr 을 utf-8 파일로 일괄 변환하는 쉘 스크립트 7
13408
기타 사업자 등록번호 체크 로직 1
13407
기타 팝업창에서 opener창으로 post방식 submit()하기 예제
13406
기타 수학 함수 모음
29441
HTML 변수 함수 모음
13405
JavaScript URL 함수 모음
13404
기타 디렉토리 함수 모음
13401
JavaScript 파일 함수 모음 2
13400
기타 문자열 함수 모음
13399
기타 날짜 및 시간 함수 모음
13395
MySQL Mysql 날짜관련 함수 모음 3
13391
jQuery jquery scrolling menu 3
29435
HTML 브라우저 안에 떠다니는 이미지 ~ (플로팅 광고) 5
13389
JavaScript 정규 표현식 입문서? "손에 잡히는 정규 표현식" 1
13386
정규표현식 정규표현식 검사기 2
13381
jQuery Jquery 체크박스 사용법 4
13377
Flash sql 인젝션 복구쿼리 3
13370
JavaScript 페이지 자동이동하기 팁(여기 없는 거) 6
13367
MySQL mysql 유저 생성, 권한 부여 2
13366
JavaScript 자바스크립트 쿠키 생성, 삭제
13364
기타 현재 웹호스팅중이면 같은 서버에 호스팅 수 1
13362
기타 넘겨온 변수의 이름을 추출하는 함수.. 1
29432
HTML cursor:hand 손모양 스타일...... 2
29428
HTML 엔터치면 다음칸으로 이동. 3
13361
jQuery IBM 한국 jQuery 기술자료
13360
기타 prototype.js를 위한 개발자 노트
13358
기타 [펌] mod_rewrite 별도 설치 1
13354
JavaScript 접속아이피로 접속국가 및 지역 확인 및 보안응용 (접속허가, 접속불가 등) GeoIP 3
13351
JavaScript 이미지 자동으로 사이즈 정해주는 방법은 어떻게 하나요? 2
29427
HTML input 박스에 enter 키를 치면 다른 input 박스로 넘어가기
13346
기타 텍스트 필드 css 적용하기.. 4
13340
jQuery lightbox 수정 2차 완료 5
13337
jQuery jQuery Javascript Library v1.3.2 에 onmousewheel 이벤트 추가 하기..^^ 2
13334
기타 lightbox 를 가지고 수정중 1차 완료 올려 봅니다. 2
13328
jQuery 선물입니다. 5
13326
JavaScript virtual hosts 1
13325
기타 asp 글 삭제하기
13324
기타 asp 글 수정하기
13323
기타 asp 글읽기
29426
HTML asp 목록보기
13322
JavaScript asp 저장하기
13321
기타 asp 글쓰기
13315
기타 if문에 사용한 연산자 정리.. 5
29424
HTML 저기..급한데요.. admin데이타를 삭제해버렸는데 혹시 복구 되나요? 1
13312
JavaScript 오픈 api 에 사용할 XML 파서 따끈한거 테스트 부탁드립니다....^^ 2
29422
HTML <form 안에 있는 checkbox를 radio 처럼 쓰기 1
25114
임대차계약 해지 및 기타비용 지급 관련 내용증 1
13308
jQuery [소개] jQuery LIightbox - 갤러리 최신글로 적합합니다. 3
13307
기타 z-index 최고값 알아 내기
13305
JavaScript if문 축약해 사용하기 1
13304
JavaScript 체크 상자 몇개 이상 채크시 경고창 및 개수이상 클릭못하게하기
25111
2007년 오픈소스SW 라이선스 가이드 2
29421
HTML 테이블 복사
13301
기타 $.get 대신 $.post 권장 2
13299
기타 1단계 <td>에만 접근하기 1
13296
jQuery 별거는 아니지만 2
13292
JavaScript [VIM] vim으로 소스코드 범위 설정하여 영역을 접고 펴기 3
13291
기타 mod_vhost_dbd
13290
JavaScript "웹표준에 관한 타입 선언"- 필요하신 분은 참고하세요...
13289
정규표현식 정규표현식 요약본 바탕화면 이미지 (Wallpaper)
13288
기타 JavaScript 요약본 바탕화면 이미지 (Wallpaper)
13287
MySQL MySQL 요약본 바탕화면 이미지 (Wallpaper)
13286
기타 PHP 요약본 바탕화면 이미지 (Wallpaper)
13285
기타 goto_url 대용으로 사용할만한
13284
기타 아파치 설치문서
29420
HTML utf8 한번에 변환프로그램 상위폴더파일까지 변환
13283
JavaScript 글자 쪼개서 배열에 넣기
13277
jQuery jQuery 요약본 바탕화면 이미지 (Wallpaper) 5
13274
PHP get 변수에서 원하는 값만 바꾸기 2
13266
MySQL MySQL 상태보기 (MySQL튜닝하기) 7
13265
기타 항상 같은곳에 광고창 만들기
13262
기타 링크 관련 팁 예제 입니다. 2
13261
jQuery 링크 관련 활용
13259
MySQL Slow Query Log 1
13254
JavaScript 폼의 첫번째 입력가능한 필드에 FOCUS 주기 4
13250
기타 $_SERVER[HTTP_REFERER] 사용가능하게 하기 3
29419
HTML [펌] 1264 : Out of range value adjusted for column 'field' at row 1
13242
기타 원격이미지 썸네일 수정본 7
13241
기타 [VIM] 한글 깨질 때
13236
기타 웹표준 팁 XHTML1.1 4
13235
기타 [VIM] 으로 간단히 소스코드 Packing 하는법
29418
HTML 레이어 좌표 이동-1
29417
HTML 프레임 제어속성
13234
기타 이미지 좌우로 이동 갤러리
13233
기타 QValidator - POST/GET으로 넘어오는 데이터를 검증해서 배열로 반환해주는 클래스
13231
기타 부메뉴 나오게 하기 짜집기판... 1 현재글
이전 다음
전체 목록