flash效果的div css导航菜单

稿源：互联网 2022-04-08 15:11:45 点击： 1490 撤稿纠错

flash效果的div css导航菜单，可自定义颜色。

以下讨论的是和导航菜单相关的flash效果的div css导航菜单教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br><title>css菜单</title><br><style><br>body{<br>background-color:#B8B8A0;<br>}<br>#fbtn{<br>display:none;<br>overflow:hidden;<br>border-style:solid;<br>border-width:1px;<br>border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56;<br>padding:1 1 1 1;<br>width:115px;<br>height:30px;<br>}<br>#fbtn_txt{<br>position:relative;<br>}<br>#fbtn_txt div{<br>height:30px;<br>padding-top:11px;<br>font-size:12px;<br>color:#800080;<br>text-align:center;<br>cursor:hand;<br>}<br>#fbtn_mask{<br>background-color:#ffffff;<br>position:relative;<br>width:100%;<br>height:100%;<br>}<br></style><br></head><br><body><br><div id=fbtn><br><div id=fbtn_mask></div><br><div id=fbtn_txt><br><div>G1</div><br><div>good morning</div><br></div><br></div><br><div id=fbtn><br><div id=fbtn_mask></div><br><div id=fbtn_txt><br><div>G2</div><br><div>good evening</div><br></div><br></div><br><div id=fbtn><br><div id=fbtn_mask></div><br><div id=fbtn_txt><br><div>M1</div><br><div>my name is fireyy</div><br></div><br></div><br><div id=fbtn><br><div id=fbtn_mask></div><br><div id=fbtn_txt><br><div>M2</div><br><div>mm mm i love u</div><br></div><br></div><br><div id=fbtn><br><div id=fbtn_mask></div><br><div id=fbtn_txt><br><div>G1</div><br><div>good morning</div><br></div><br></div><br><div id=fbtn><br><div id=fbtn_mask></div><br><div id=fbtn_txt><br><div>G2</div><br><div>good evening</div><br></div><br></div><br><div id=fbtn><br><div id=fbtn_mask></div><br><div id=fbtn_txt><br><div>M1</div><br><div>my name is fireyy</div><br></div><br></div><br><div id=fbtn><br><div id=fbtn_mask></div><br><div id=fbtn_txt><br><div>M2</div><br><div>mm mm i love u</div><br></div><br></div><br><script><br>var current=null;<br>var t=null;<br>for(var i=0;i<fbtn.length;i++){<br>fbtn_txt[i].style.posTop=-30;<br>fbtn_mask[i].style.posTop=-30;<br>fbtn[i].index=i;<br>fbtn[i].style.display="block";<br>fbtn[i].onmouseover=function(){<br>if(!current){<br>current=this;<br>domove(this.index);<br>}<br>else <br>if(current!=this){<br>domove(current.index);<br>domove(this.index);<br>current=this;<br>}<br>}<br>fbtn[i].onmouseout=function(){<br>if(event.toElement==this.parentElement&t==this){<br>domove(this.index);<br>current=null;<br>}<br>}<br>}<br>function domove(num){<br>var o=fbtn_txt[num];<br>var m=fbtn_mask[num];<br>if(o.style.posTop<-60){<br>o.style.display="none";<br>var t=o.children[1].innerHTML;<br>o.children[1].innerHTML=o.children[0].innerHTML;<br>o.children[0].innerHTML=t;<br>o.style.posTop=-30;<br>o.style.display="block";<br>if(m.style.posTop>30)<br>m.style.posTop=-30;<br>else<br>m.style.posTop=0;<br>}<br>else{<br>m.style.posTop+=3;<br>o.style.posTop-=3;<br>setTimeout('domove('+num+')',15);<br>}<br>}<br></script><br></body><br></html></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于flash效果的div css导航菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080901348.shtml方便下次再访问哦。

·上一篇： 鼠标经过显示图片和描述的特效
·下一篇： 纯div css制作的二级下拉菜单

flash效果的div css导航菜单

文章分类LIST >>返回首页

最新游戏

最新新闻