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

full-down메뉴[펌]

거친들판
프로필 보기이 회원 글보기
 · 19년 전 · 2973 · 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년 전
가로메뉴

게시글 목록

번호 제목
10705
Linux LINUX 해킹당했을 때 대처요령 2
10698
기타 인물사진을 위한 다단계 리사이즈 6
10697
Flash 웹문서에 페이지 로딩중 효과 | SCRIPT
10693
JavaScript 플래쉬에서팝업창띄우기 3
10687
Flash 플래쉬 팁 여러가지 5
10683
기타 페이지 전체 가운데 정렬 margin: 0 auto; 3
10681
기타 /home에 있는 계정을 계정별로 따로 백업하는 스크립트 1
10680
기타 가상콘솔의 갯수 조절하여 메모리 절약하기
10677
기타 proftp 에서 사용자가 상위 폴더로 이동을 못하게... 2
10671
기타 아파치 웹서버 속도 빠르게 하기 위한 최적화 팁 5
10670
JavaScript smtp로 메일보내기(102번 게시물과는 다른 방법)
10666
Flash 플래시로 웹페이지 만들면서 아주 중요한 팁!! 3
10664
JavaScript 아이프레임 자동으로 늘어나는 자바 스크립트. 1
10658
Flash 패치문제 하나의 js파일만 만들고 여러개의 플래쉬무비 해결하는 방법 5
10656
기타 samba서버에 한글이름으로 된 파일을 올리면, ssh 및 ftp에서 깨져 보일경우 1
10653
PHP 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 7 2
10652
정규표현식 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 6
10651
Linux 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 5
10650
기타 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 4
10649
Linux 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 3
10648
Flash 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 2
10646
MySQL 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 1 1
10645
Linux 리눅스 CD로 망가진 파일복구하기
10642
MySQL 25가지 sql 작성법 2
28809
HTML union top n 가져오기 1
10641
기타 SQL 서버 관리자가 알아야 할 11가지 유용한 팁
10638
JavaScript 이미지 테두리 없애기 스타일 시트 2
10637
기타 [Javascript] 레이어 스크립트 소스 | +JavaScript
10636
JavaScript window.open property | +JavaScript
10635
기타 자신 사이트 메일 주소 사용하기 체크박스 | +JavaScript
28808
HTML 주민번호 앞자리에서 뒷자리로 자동이동 | +JavaScript
10634
JavaScript 이메일 selectbox | +JavaScript
10632
JavaScript [Javascript] 끊기지 않는 배너 롤링 1
28807
HTML [자바스크립트] 오늘 날짜 함수
28806
HTML [자바스크립트] 라디오 버튼 비활성
10631
JavaScript [Javascript] id값 변수명으로 치환
10630
기타 [Javascript] 마우스 & 키보드 제한 스크립트
10629
기타 무단링크 금지 스크립트
28805
HTML 익스플로러 6의 이미지 도구모음(저장버튼 등) 뜨는 것 막기.
10627
JavaScript 상태바의 링크 주소 감추기 1
10626
기타 동영상 마우스 오른쪽 버튼 막기
10625
기타 shift, ctrl (쉬프트, 컨트롤)키 클릭하면 경고메세지 띄우기
28804
HTML 새로고침(F5), 전체창(F11) 막기
28803
HTML 프레임 소스보기 막기
10624
기타 마우스 오른쪽 버튼 클릭시 경고 메세지
10623
기타 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기
28802
HTML [Javascript] TEXTAREA에서 특정 문자열 선택 하기
10622
기타 팝업창 중앙에 위치 시키기
10620
PHP 본문에 주민등록번호가 포함되면 경고 1
10619
PHP 입력내용중의 일부만 보여주고 x 표시 할때
10618
기타 아파치 하고 연동될때 GET 방식 한글처리
10616
기타 CSS공부에 도움이되는 홈페지 추천합니다 1
10615
기타 제가 유용하게 쓰는 홈페이지 백업 방법(웹호스팅)
10613
Linux * Linux를 가볍게 사용 하고자 하는자 원추 * 1
10611
MySQL 서버 상태 값 주기적으로 메일로 발송하기 1
28799
HTML FODORA 에서 영문 LINUX 상태에서 한글 입력방법 2
10610
JavaScript 이미지도용막기
10608
기타 530 Must perform authentication before identifying USER. 1
28798
HTML 유용한 PHP성능 개선을 위한 팁
10604
JavaScript 작업창이 상단메뉴바까지 올라가서 옮길수 없을때.. 3
28794
HTML 포토샵 화면이 좁을경우.. 3
10602
기타 마우스 툴부분이 점선으로 나올때.. 1
10600
MySQL '2006-09-08 오전 12:20:23' 형식 datetime 으로 바꾸기 1
28793
HTML sql2005 fulltext PDF 검색
10596
Flash 웹에서 플래시파일 다운 받는 프로그램 입니다. 3
10595
JavaScript 리눅스 SendMail 속도 UP
10593
기타 폼 검증용 함수 1
28792
HTML 홈페이지 메인에 많이 사용되는 리스트 클래스
28791
HTML 홈페이지 카운터는 클래스 모드로 만들어 봤습니다.
28790
HTML 콤보박스 출력용 함수
10592
JavaScript 특정 확장자의 아이콘을 링크 테그형태로 만들어 주는 함수
28789
HTML 파일업로드 클래스~~
28787
HTML 날짜비교 함수 1
10591
JavaScript 자주사용하는 자바스크립트를 클래스로 묶어봤습니다.
10590
기타 자동선택툴 강좌와 파일 열기 팁
10589
JavaScript nylon 을 이용해 리눅스에서 sock4/5 운영하기
28785
HTML PHP에서 특정 폴더를 못읽어 들인다고 할 경우 1
10588
JavaScript Ajax강의- 두번째 강의의 pdf(프리젠테이션) 41-49
10587
기타 Ajax강의- 두번째 강의의 pdf(프리젠테이션) 21-40
28783
HTML 테이블안에 있는 글 자동 정렬하기 1
10586
기타 Ajax강의- 두번째 강의의 pdf(프리젠테이션) 1-20
28782
HTML Ajax강의- 첫번째 강의의 pdf중 발표문건 61-65
10585
JavaScript Ajax강의- 첫번째 강의의 pdf중 발표문건 51-60
10574
PHP 그냥 호기심에 만들어본 대수 곱하기 10
10571
JavaScript 자신의 별자리 2
10570
JavaScript Ajax강의- 첫번째 강의의 pdf중 발표문건 41-50
28778
HTML Fedora Core FTP로 설치 3
10568
기타 UTF-8 CHARACTER SETS 1
10567
기타 Ajax강의- 첫번째 강의의 pdf중 발표문건 31-40
28777
HTML Ajax강의- 첫번째 강의의 pdf중 발표문건 21-30
10564
기타 레이어안에 달력 2
10562
기타 일반적인 형태의 전체크기 윈도우 열기 1
10561
기타 채널모드로 윈도우 열기
28776
HTML 전체화면으로 페이지 열기
10559
JavaScript 여러가지 방법으로 창닫기 1
10558
기타 텍스트 상자에서 반복 하여 스크롤 됩니다
28775
HTML 이번에는 텍스트영역에서 메세지별로 타이핑 시킵니다
28774
HTML 텍스트 상자에서 메세지가 타이핑 됩니다
10557
JavaScript 가짜 카운터 달기
10556
기타 날짜를 2001/01/01 형식으로 보여주기
이전 다음
전체 목록