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

full-down메뉴[펌]

거친들판
프로필 보기이 회원 글보기
 · 19년 전 · 2971 · 2
<html>
<head>
<title>http://www.blueb.co.kr</title>
<style>
#chromemenu{
width: 99%;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(http://www.blueb.co.kr/SRC/javascript/image4/chromebg.gif) center center repeat-x; /*Theme Change here*/
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font: bold 11px tahoma;
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
color: #7F7F7F;
font-weight: bold;
padding: 6px 12px 6px 7px;
text-decoration: none;
background: url(http://www.blueb.co.kr/SRC/javascript/image4/divider.gif) center right no-repeat; /*Theme Change here*/
}

#chromemenu ul li a:hover{
color: #494949;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*Theme Change here*/
border-bottom-width: 0;
font:normal 11px tahoma;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*Theme Change here*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #F0F0F0;
}
</style>

<script type="text/javascript">
<!--
//Chrome Drop Down Menu- Author: Dynamic Drive (http://www.dynamicdrive.com)
//Last updated: Jan 1st, 06'

var cssdropdown={
disappeardelay: 250, //set delay in miliseconds before menu disappears onmouseout

//No need to edit beyond here////////////////////////
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all,

getposOffset:function(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
},

showhide:function(obj, e, visible, hidden){
if (this.ie || this.firefox)
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
},

iecompattest:function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
},

clearbrowseredge:function(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=this.ie && !window.opera? this.iecompattest().scrollLeft+this.iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=this.ie && !window.opera? this.iecompattest().scrollTop : window.pageYOffset
var windowedge=this.ie && !window.opera? this.iecompattest().scrollTop+this.iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
},

dropit:function(obj, e, dropmenuID){
if (this.dropmenuobj!=null) //hide previous menu
this.dropmenuobj.style.visibility="hidden"
this.clearhidemenu()
if (this.ie||this.firefox){
obj.onmouseout=function(){cssdropdown.delayhidemenu()}
this.dropmenuobj=document.getElementById(dropmenuID)
this.dropmenuobj.onmouseover=function(){cssdropdown.clearhidemenu()}
this.dropmenuobj.onmouseout=function(){cssdropdown.dynamichide(e)}
this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu()}
this.showhide(this.dropmenuobj.style, e, "visible", "hidden")
this.dropmenuobj.x=this.getposOffset(obj, "left")
this.dropmenuobj.y=this.getposOffset(obj, "top")
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
}
},

contains_firefox:function(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
},

dynamichide:function(e){
var evtobj=window.event? window.event : e
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
this.delayhidemenu()
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
this.delayhidemenu()
},

delayhidemenu:function(){
this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden'",this.disappeardelay)
},

clearhidemenu:function(){
if (this.delayhide!="undefined")
clearTimeout(this.delayhide)
}
}
//-->
</script>

</head>

<body>

<!--1차메뉴-->
<div id="chromemenu">
<ul>
<li><a href="http://www.www.blueb.co.kr/">HOME</a></li>
<li><a href="http://www.www.blueb.co.kr/" onMouseover="cssdropdown.dropit(this,event,'dropmenu1')">BLUEB</a></li>
<li><a href="http://www.www.blueb.co.kr/" onMouseover="cssdropdown.dropit(this,event,'dropmenu2')">NEWS</a></li>
<li><a href="http://www.www.blueb.co.kr/" onMouseover="cssdropdown.dropit(this,event,'dropmenu3')">검색엔진</a></li>
</ul>
</div>


<!--2차메뉴-->
<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="http://www.www.blueb.co.kr/">BlueB</a>
<a href="http://www.www.blueb.co.kr/">Submenu 1-1</a>
<a href="http://www.www.blueb.co.kr/">Submenu 1-2</a>
<a href="http://www.www.blueb.co.kr/">Submenu 1-3</a>
<a href="http://www.www.blueb.co.kr/">Submenu 1-4</a>
<a href="http://www.www.blueb.co.kr/">Submenu 1-5</a>
<a href="http://www.www.blueb.co.kr/">Submenu 1-6</a>
<a href="http://www.www.blueb.co.kr/">Submenu 1-7</a>
<a href="http://www.www.blueb.co.kr/">Submenu 1-8</a>
<a href="http://www.www.blueb.co.kr/">Submenu 1-9</a>
</div>

<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="http://www.www.blueb.co.kr/">KBS 2</a>
<a href="http://www.www.blueb.co.kr/">KBC 1</a>
<a href="http://www.www.blueb.co.kr/">MBC</a>
<a href="http://www.www.blueb.co.kr/">SBS</a>
</div>

<!--3rd anchor link and menu -->
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="http://www.www.blueb.co.kr//">Google</a>
<a href="http://www.www.blueb.co.kr/">Yahoo</a>
<a href="http://www.www.blueb.co.kr/">MSN</a>
</div>

</body>

</html>

blueb 사이트에서 퍼왔습니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 2개

좋아그누
프로필 보기이 회원 글보기
 18년 전
좋은 소스 감사합니다^^ 유용하게 잘 사용 하겠습니다.
SNAPi
프로필 보기이 회원 글보기
 18년 전
가로메뉴

게시글 목록

번호 제목
28772
HTML 오늘 날짜와 요일 넣기 1
10555
기타 마우스 드래그로 텍스트 선택을 금지 합니다
10554
JavaScript 홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다
10553
기타 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기
28770
HTML 창의 사이즈 변경 금지 시키기 1
28769
HTML 손님의 방문 횟수를 알려 줍니다
10552
기타 이미지나 버튼 클릭시 생기는 점선 없애기..다 아시는 내용일지도..ㅋㅋ
10551
기타 다양한 자바스크립트 버튼 들
28768
HTML 자바스크립트 버튼에 링크 걸기
10550
기타 마우스 커스 이동만으로 배경색상을 바꾸어보자
10549
JavaScript 들어올때나 나갈때나 인사는 착실히 해야죠..ㅋㅋㅋㅋ
10548
기타 들어올때, 나갈때 지겹도록 인사하는 스크립트
10547
기타 마우스를 대면 텍스트박스의 텍스트를 모두 선택하는 스크립트
28767
HTML 이름을 물어보고 인사하는 스크립트
10546
기타 웹문서에 주소창 넣기 스크립트
10545
JavaScript 창을 열면 인사하는 간단한 스크립트
10544
기타 가짜 바이러스 경고 하는 스크립트
28766
HTML 폼 버튼을 클릭하면 경고 메세지 보내기
10541
기타 메일주소 변조는 no, SPF(Sender Policy Framework)기술에 대해 2
10540
Flash Ajax강의- 첫번째 강의의 pdf중 발표문건 11-20
10538
Flash Ajax강의- 첫번째 강의의 pdf중 발표문건 1
10537
기타 순발력테스트
10535
Flash Ajax강의 1
10534
JavaScript named -- dns서버
10533
JavaScript 문서내 이미지갯수 출력
10532
기타 form의 readonly 와 disabled의 특징
28760
HTML 포토샵 작업 중에 잘되던 한글 입력이 갑자기 안될때 있으시죠? 5
10531
기타 접속자환경체크--중복일지모름
10530
JavaScript 리눅스 부팅후 자동 실행
28759
HTML 버튼에 스타일주기(익스)
10527
기타 자바스크립트 이벤트객체 2
10525
기타 리눅스 우분투 불여우에서 동영상보기 1
10523
기타 swish 서브메뉴 소스입니다. 1
10520
Flash swish 서브메뉴 제작방법 2
28758
HTML 오른쪽마우스클릭시메뉴(익스전용)
28757
HTML 오른쪽마우스클릭시메뉴(익스전용)
10519
기타 리눅스 명령의 모음이라는데 -_-
10518
MySQL mysql 자동 최적화 / 복구 스크립트
10517
JavaScript 내용 복사해서 붙어넣기 하면 출처까지가 따라서 나옴 (출처:네이버 소스)
10515
JavaScript ncftp사용법 1
28756
HTML 영카트에서 카테고리 검색하기
10514
Linux 사용자 그룹 명령어 + 커널버젼체크 + 리눅스장시간 미사용시
10512
기타 방금 콘솔에서 지나간 화면을 스크롤 1
10511
JavaScript 영어철저가 의심스러울때
10510
JavaScript 로그인할때 나오는 메시지 바꾸기
10509
기타 배경을 textarea에 넣어보자
10508
기타 SHIFT, CTRL, ALT 키를 막는 방법
10507
기타 리눅스의 터미널 색상 변경
28755
HTML 자바스크립트로 url 획득
28751
HTML 포&#49406; 팁강좌입니다...퍼온 것입니다. 3
10506
JavaScript 파일을 엑셀 혹은 워드로 다운 받기
10505
기타 테이블 글 입력시 넘치지 않게
10504
JavaScript 테이블속성연습
10503
기타 SSH + rsync 로 백업/밀러링 하기
10499
기타 스크롤 갤러리 올립니다. 3
10487
PHP GD 없이 한줄텍스트 이미지 php소스 creator 11
28748
HTML 투명도조절 2
10486
기타 [펌] linux - yum.conf setting
28747
HTML textarea에 입력된 길이만큼 게이지로 표현
10484
JavaScript 날짜 계산하기 1
10483
기타 폼필드로 바탕색상조정
10482
기타 내 홈페이지가 다른 사이트의 프레임에 갇히는 것을 막기
28746
HTML 버튼 하나로 링크두개를 열어보자
10480
JavaScript 접속시도를 여러번 하는 IP 자동 블락하기 1
10476
기타 해상도에 관계없이 가운데에 새창 3
10473
JavaScript 팝업창.. 지정한 시간대에 열기 2
10472
기타 한글 영문으로 변환
28745
HTML [펌]다중 업로드
10460
기타 여성일러 소스입니다 ~필요하신분들 쓰세요 11
10456
기타 흑백이미지에서 부분적으로 칼라로 적용하기. 3
28739
HTML 포토샵에서 제가 간단하게 쓰는 점선 쓰는 방법입니다 5
10455
기타 event.keycode
28738
HTML register_globals = on /off 차이점
10451
기타 AJAX 프로그래밍 무료 온라인 강좌 3
10448
기타 폼테그쓸때 테이블정렬이 잘안될때 쓰이는 css 2
10446
JavaScript font-weight 숫자로도 가능 1
10445
JavaScript 에디터 수정해서 쓰세요!
10444
기타 리사이즈 팝업
10442
기타 dns서버가 없는경우 sendmail의 주의점 1
10439
JavaScript 배경음악 또는 배경이미지 등 브라우저를 열고 처음 접속시 한번만 실행 2
10408
Flash 무료 플래시 209개 30
10403
기타 [아이디어] 다른 사이트로 이동시, 창 닫을 시, 자동 로그아웃 4
10400
JavaScript 문서내에 글씨 찾기 2
10398
기타 [외국에서펌]버튼이 아래로 내려가는... 1
10397
기타 퍼온건데요 DHTML게시판에 쓸만한거요
10396
JavaScript ssh dictionary attack 막기
10391
기타 다음 <input type=text로 커서 옮기기 4
10390
기타 한글 문자열 자르기 입니다. ^^
28733
HTML 밑의 갤러리 압축 화일 4
10389
JavaScript 까만도둑님께서 플래쉬 갤러리가 필요하시다고 해서...
10383
기타 포토샵 좋은 팁 18가지 5
10378
Flash 플래시에서 tabIndex 적용하기 4
28732
HTML getElementById와 getElementsByName
10342
Flash 간단하지만 유용한 배너관리 시스템 35
28731
HTML [소개] smtp를 이용하여 mail 보내기
10335
Flash 플래시 자동 슬라이더 6
28730
HTML cart클래스2
28729
HTML cart클래스1
28727
HTML 비교 복사 1
10332
기타 제가 쓰고 있는 css 입니다. 2
이전 다음
전체 목록