3顶

国外网站扒下来的二级动态导航菜单特效

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

国外网站扒下来的二级动态导航菜单特效，超级酷。

以下讨论的是和导航菜单特效相关的国外网站扒下来的二级动态导航菜单特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br><html xmlns="http://www.w3.org/1999/xhtml"><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br><style><br>BODY {<br> FONT-SIZE: 12px; MARGIN: 0px;BACKGROUND-COLOR: #131d30<br>}<br>A:link {<br> COLOR: #7ea9bf; TEXT-DECORATION: none<br>}<br>A:visited {<br> COLOR: #7ea9bf; TEXT-DECORATION: none<br>}<br>A:hover {<br> COLOR: #ffffff; TEXT-DECORATION: underline<br>}<br>A:active {<br> COLOR: #ffffff; TEXT-DECORATION: none<br>}<br>.Defautl-Navigation {<br> FONT-SIZE: 12px; FLOAT: left; COLOR: #7ea9bf; LINE-HEIGHT: 23px; HEIGHT: 23px; TEXT-ALIGN: center<br>}<br></style><br><SCRIPT language=javascript><br>var f=0;<br>var y=0;<br>var div_obj<br>function over(obj){<br> div_obj=obj<br> _f=0;<br> y=0;<br> document.getElementById(obj).innerHTML="";<br> document.getElementById(obj).style.width="0px";<br> document.getElementById(obj).style.height="1px";<br> document.getElementById(obj).style.display="";<br> timerDIV();<br>}<br>function out(obj){<br> obj.style.display="none";<br>}<br>function Tout(){<br>document.getElementById(div_obj).style.display="none";<br>}<br>function Tover(){<br> document.getElementById(div_obj).style.display="";<br>}<br>function timerDIV(){<br> if( _f >= 140){/*宽度*/<br>  objy();<br>  return ;<br> }<br> else{<br>  _f=_f+10;<br>  document.getElementById(div_obj).style.width=_f+"px";<br>  window.setTimeout(timerDIV,1);<br> }<br>}<br>function objy(){<br> if(y >= 150){/*高度*/<br>  var str="<div style="width:150px;height:auto;float:left;font-size:12px;margin:6px;line-height:20px"><a href="http://www.showwho.com">新闻-1</a><br/>&nbsp;&nbsp;<font style="color:#7EA9BF;font-size:11px;">&diams;</font>&nbsp;<a href="http://www.showwho.com" style="font-size:11px;">新闻-1-1</a><br/>&nbsp;&nbsp;<font style="color:#7EA9BF;font-size:11px;">&diams;</font>&nbsp;<a href="http://www.showwho.com" style="font-size:11px">新闻-1-2</a><br/>&nbsp;&nbsp;<font style="color:#7EA9BF;font-size:11px;">&diams;</font>&nbsp;<a href="http://www.showwho.com" style="font-size:11px">新闻-1-3</a><br/><a href="http://www.showwho.com">新闻-2</a><br /><a href="http://www.showwho.com">新闻-3</a><br/></div>";<br>  document.getElementById(div_obj).innerHTML=str<br>  return ;<br> }<br> else{<br>  y+=6;<br>  document.getElementById(div_obj).style.height=y+"px"; <br>  window.setTimeout(objy,1);<br> }<br>}<br></SCRIPT><br><title>JS导航效果</title><br></HEAD><br><BODY><br><DIV class=Default-top><br> <DIV style="BORDER: #51789b 1px solid; width:500px;HEIGHT:23px; margin:20px auto; position:relative;"><br>  <DIV class=Defautl-Navigation style="WIDTH: 60px"><A href="#">首页</A></DIV><br>  <DIV class=Defautl-Navigation style="WIDTH: 10px">|</DIV><br>  <DIV class=Defautl-Navigation style="WIDTH: 70px; CURSOR: pointer"><A <br>   onMouseOver="over('two')" onmouseout=out(two) href="#">新闻 &#8711;</A><br>  </DIV><br>  <DIV class=Defautl-Navigation style="WIDTH: 10px">|</DIV><br>  <DIV class=Defautl-Navigation style="WIDTH: 80px"><A href="#"><br>   联系我们</A></DIV><br>  <DIV class=Defautl-Navigation style="WIDTH: 10px">|</DIV><br>  <DIV class=Defautl-Navigation style="WIDTH: 50px"><A href="#"><br>   其他</A></DIV><br>  <DIV id=two style="overflow:hidden;BORDER: #51789b 2px solid;DISPLAY: none; FILTER: alpha(Opacity=70); LEFT:300px; FLOAT:left; WIDTH: 1px; POSITION:absolute; TOP: 14px; left:80px; HEIGHT: 1px; BACKGROUND-COLOR: #444; -moz-opacity: 0.7" <br>   onmousemove=Tover() onmouseout=Tout()>No Content<br>  </DIV><br> </DIV><br></DIV><br></BODY><br></HTML></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于国外网站扒下来的二级动态导航菜单特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080704342.shtml方便下次再访问哦。

·上一篇： 半透明的下拉菜单特效
·下一篇： 非常酷的导航菜单

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

国外网站扒下来的二级动态导航菜单特效

文章分类LIST >>返回首页

最新游戏

最新新闻