full-down메뉴[펌]
<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>
<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년 전
가로메뉴
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 930 | 19년 전 | 3543 | ||
| 929 |
 AGAWEB |
19년 전 | 2705 | |
| 928 |
AGAWEB |
19년 전 | 3455 | |
| 927 |
AGAWEB |
19년 전 | 3442 | |
| 926 |
AGAWEB |
19년 전 | 3148 | |
| 925 | 19년 전 | 5434 | ||
| 924 |
AGAWEB |
19년 전 | 2168 | |
| 923 |
AGAWEB |
19년 전 | 2220 | |
| 922 |
AGAWEB |
19년 전 | 2314 | |
| 921 |
AGAWEB |
19년 전 | 3407 | |
| 920 | 19년 전 | 3708 | ||
| 919 |
AGAWEB |
19년 전 | 3746 | |
| 918 |
AGAWEB |
19년 전 | 2366 | |
| 917 |
AGAWEB |
19년 전 | 2400 | |
| 916 |
AGAWEB |
19년 전 | 2704 | |
| 915 | 19년 전 | 3046 | ||
| 914 | 19년 전 | 2460 | ||
| 913 | 19년 전 | 2627 | ||
| 912 | 19년 전 | 2461 | ||
| 911 | 19년 전 | 2216 | ||
| 910 | 19년 전 | 3246 | ||
| 909 | 19년 전 | 3302 | ||
| 908 | 19년 전 | 3040 | ||
| 907 |
AGAWEB |
19년 전 | 4874 | |
| 906 |
AGAWEB |
19년 전 | 2714 | |
| 905 |
AGAWEB |
19년 전 | 3317 | |
| 904 |
AGAWEB |
19년 전 | 3148 | |
| 903 |
AGAWEB |
19년 전 | 1996 | |
| 902 |
AGAWEB |
19년 전 | 3142 | |
| 901 |
AGAWEB |
19년 전 | 1878 | |
| 900 |
AGAWEB |
19년 전 | 2337 | |
| 899 |
AGAWEB |
19년 전 | 2403 | |
| 898 |
AGAWEB |
19년 전 | 3985 | |
| 897 |
AGAWEB |
19년 전 | 3186 | |
| 896 |
AGAWEB |
19년 전 | 3101 | |
| 895 |
AGAWEB |
19년 전 | 2539 | |
| 894 |
AGAWEB |
19년 전 | 2016 | |
| 893 |
AGAWEB |
19년 전 | 1648 | |
| 892 |
AGAWEB |
19년 전 | 2416 | |
| 891 |
AGAWEB |
19년 전 | 2330 | |
| 890 |
AGAWEB |
19년 전 | 1815 | |
| 889 |
AGAWEB |
19년 전 | 1810 | |
| 888 |
AGAWEB |
19년 전 | 2611 | |
| 887 |
AGAWEB |
19년 전 | 2581 | |
| 886 |
AGAWEB |
19년 전 | 1875 | |
| 885 |
AGAWEB |
19년 전 | 2112 | |
| 884 |
AGAWEB |
19년 전 | 3304 | |
| 883 |
AGAWEB |
19년 전 | 1952 | |
| 882 |
AGAWEB |
19년 전 | 2502 | |
| 881 |
AGAWEB |
19년 전 | 2581 | |
| 880 |
AGAWEB |
19년 전 | 2664 | |
| 879 |
AGAWEB |
19년 전 | 2939 | |
| 878 |
AGAWEB |
19년 전 | 2559 | |
| 877 |
AGAWEB |
19년 전 | 2984 | |
| 876 |
AGAWEB |
19년 전 | 2761 | |
| 875 |
AGAWEB |
19년 전 | 3522 | |
| 874 | 19년 전 | 1872 | ||
| 873 | 19년 전 | 2735 | ||
| 872 |
AGAWEB |
19년 전 | 2375 | |
| 871 |
AGAWEB |
19년 전 | 2019 | |
| 870 |
AGAWEB |
19년 전 | 2427 | |
| 869 |
AGAWEB |
19년 전 | 1871 | |
| 868 |
AGAWEB |
19년 전 | 5439 | |
| 867 |
AGAWEB |
19년 전 | 2264 | |
| 866 |
AGAWEB |
19년 전 | 4260 | |
| 865 |
AGAWEB |
19년 전 | 2303 | |
| 864 | 19년 전 | 1850 | ||
| 863 | 19년 전 | 2605 | ||
| 862 | 19년 전 | 2332 | ||
| 861 | 19년 전 | 2534 | ||
| 860 | 19년 전 | 2162 | ||
| 859 | 19년 전 | 3927 | ||
| 858 | 19년 전 | 3418 | ||
| 857 | 19년 전 | 2198 | ||
| 856 |
Power
|
19년 전 | 2107 | |
| 855 | 19년 전 | 1972 | ||
| 854 | 19년 전 | 2003 | ||
| 853 |
pearly
|
19년 전 | 4388 | |
| 852 |
pearly
|
19년 전 | 3358 | |
| 851 | 19년 전 | 2774 | ||
| 850 |
pearly
|
19년 전 | 3354 | |
| 849 |
pearly
|
19년 전 | 3013 | |
| 848 |
pearly
|
19년 전 | 2842 | |
| 847 | 19년 전 | 2364 | ||
| 846 |
 MCLUB |
19년 전 | 2172 | |
| 845 |
pearly
|
19년 전 | 2493 | |
| 844 | 19년 전 | 3105 | ||
| 843 | 19년 전 | 2133 | ||
| 842 |
pearly
|
19년 전 | 3123 | |
| 841 |
pearly
|
19년 전 | 3245 | |
| 840 | 19년 전 | 2928 | ||
| 839 |
 Elbis |
19년 전 | 1941 | |
| 838 |
Elbis |
19년 전 | 1706 | |
| 837 |
Elbis |
19년 전 | 2328 | |
| 836 |
Elbis |
19년 전 | 2271 | |
| 835 |
Elbis |
19년 전 | 1648 | |
| 834 |
Elbis |
19년 전 | 1666 | |
| 833 |
Elbis |
19년 전 | 1574 | |
| 832 |
Elbis |
19년 전 | 2067 | |
| 831 |
Elbis |
19년 전 | 1616 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기