个人站长制做网页常用代码集锦(九)

so cool 菜单(Jave)

<style>
源代码网推荐body{
源代码网推荐 background-color:#B8B8A0;
源代码网推荐 }
源代码网推荐#fbtn{
源代码网推荐 display:none;
源代码网推荐 overflow:hidden;
源代码网推荐 border-style:solid;
源代码网推荐 border-width:1px;
源代码网推荐 border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56;
源代码网推荐 padding:1 1 1 1;
源代码网推荐 width:115px;
源代码网推荐 height:30px;
源代码网推荐 }
源代码网推荐#fbtn_txt{
源代码网推荐 position:relative;
源代码网推荐 }
源代码网推荐#fbtn_txt div{
源代码网推荐 height:30px;
源代码网推荐 padding-top:11px;
源代码网推荐 font-size:9px;
源代码网推荐 font-family:small fonts;
源代码网推荐 color:#800080;
源代码网推荐 text-align:center;
源代码网推荐 cursor:hand;
源代码网推荐 }
源代码网推荐#fbtn_mask{
源代码网推荐 background-color:#ffffff;
源代码网推荐 position:relative;
源代码网推荐 width:100%;
源代码网推荐 height:100%;
源代码网推荐 }
源代码网推荐</style>
源代码网推荐
源代码网推荐<div id=fbtn>
源代码网推荐 <div id=fbtn_mask></div>
源代码网推荐 <div id=fbtn_txt>
源代码网推荐 <div>G1</div>
源代码网推荐 <div>good morning</div>
源代码网推荐 </div>
源代码网推荐</div>
源代码网推荐<div id=fbtn>
源代码网推荐 <div id=fbtn_mask></div>
源代码网推荐 <div id=fbtn_txt>
源代码网推荐 <div>G2</div>
源代码网推荐 <div>good evening</div>
源代码网推荐 </div>
源代码网推荐</div>
源代码网推荐<div id=fbtn>
源代码网推荐 <div id=fbtn_mask></div>
源代码网推荐 <div id=fbtn_txt>
源代码网推荐 <div>M1</div>
源代码网推荐 <div>my name is mozart0</div>
源代码网推荐 </div>
源代码网推荐</div>
源代码网推荐<div id=fbtn>
源代码网推荐 <div id=fbtn_mask></div>
源代码网推荐 <div id=fbtn_txt>
源代码网推荐 <div>M2</div>
源代码网推荐 <div>mm mm i love u</div>
源代码网推荐 </div>
源代码网推荐</div>
源代码网推荐<div id=fbtn>
源代码网推荐 <div id=fbtn_mask></div>
源代码网推荐 <div id=fbtn_txt>
源代码网推荐 <div>G1</div>
源代码网推荐 <div>good morning</div>
源代码网推荐 </div>
源代码网推荐</div>
源代码网推荐<div id=fbtn>
源代码网推荐 <div id=fbtn_mask></div>
源代码网推荐 <div id=fbtn_txt>
源代码网推荐 <div>G2</div>
源代码网推荐 <div>good evening</div>
源代码网推荐 </div>
源代码网推荐</div>
源代码网推荐<div id=fbtn>
源代码网推荐 <div id=fbtn_mask></div>
源代码网推荐 <div id=fbtn_txt>
源代码网推荐 <div>M1</div>
源代码网推荐 <div>my name is mozart0</div>
源代码网推荐 </div>
源代码网推荐</div>
源代码网推荐<div id=fbtn>
源代码网推荐 <div id=fbtn_mask></div>
源代码网推荐 <div id=fbtn_txt>
源代码网推荐 <div>M2</div>
源代码网推荐 <div>mm mm i love u</div>
源代码网推荐 </div>
源代码网推荐</div>
源代码网推荐
源代码网推荐<script>
源代码网推荐var current=null;
源代码网推荐for(var i=0;i<fbtn.length;i++){
源代码网推荐 fbtn_txt[i].style.posTop=-30;
源代码网推荐 fbtn_mask[i].style.posTop=-30;
源代码网推荐 fbtn[i].index=i;
源代码网推荐 fbtn[i].style.display="block";
源代码网推荐 fbtn[i].onmouseover=function(){
源代码网推荐 if(!current){
源代码网推荐 current=this;
源代码网推荐 domove(this.index);
源代码网推荐 }
源代码网推荐 else if(current!=this){
源代码网推荐 domove(current.index);
源代码网推荐 domove(this.index);
源代码网推荐 current=this;
源代码网推荐 }
源代码网推荐 }
源代码网推荐 fbtn[i].onmouseout=function(){
源代码网推荐 if(event.toElement==this.parentElement&&current==this){
源代码网推荐 domove(this.index);
源代码网推荐 current=null;
源代码网推荐 }
源代码网推荐 }
源代码网推荐 }
源代码网推荐function domove(num){
源代码网推荐 var o=fbtn_txt[num];
源代码网推荐 var m=fbtn_mask[num];
源代码网推荐 if(o.style.posTop<-60){
源代码网推荐 o.style.display="none";
源代码网推荐 var t=o.children[1].innerHTML;
源代码网推荐 o.children[1].innerHTML=o.children[0].innerHTML;
源代码网推荐 o.children[0].innerHTML=t;
源代码网推荐 o.style.posTop=-30;
源代码网推荐 o.style.display="block";
源代码网推荐 if(m.style.posTop>30)
源代码网推荐 m.style.posTop=-30;
源代码网推荐 else
源代码网推荐 m.style.posTop=0;
源代码网推荐 }
源代码网推荐 else{
源代码网推荐 m.style.posTop+=3;
源代码网推荐 o.style.posTop-=3;
源代码网推荐 setTimeout("domove("+num+")",15);
源代码网推荐 }
源代码网推荐 }
源代码网推荐</script>