每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

关闭顶部展开顶部

展开边栏关闭边栏

网页特效代码模板无忧>网页特效>菜单导航特效代码>

收藏分享查看评论菜单导航

鼠标移到链接文字上后自动展开下拉菜单_菜单导航特效

查看演示效果

特效Tag：菜单文字添加

织梦DedeCMS视频教程买空间租服务器选网硕互联！ 无忧站长工具,百度权重一键全查!

鼠标移到链接文字上后自动展开下拉菜单,您可以先修改部分代码再运行.

<!--要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中-->

<SCRIPT language=javascript>

function out1()
{
if(window.event.toElement.id!="menu1"        &&       window.event.toElement.id!="link")
  menu1.style.visibility="hidden";
}
//-->
</SCRIPT>

<div id="back" onmouseout="out()"style="position:absolute;top:225;left:250;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar"  onmouseover="menu.style.visibility='visible'">
<font color=red size=2>菜单一</span>
<div border=1  id="menu" style="position:absolute;top:15;left:0;width:75;height:10;z-index:2;visibility:hidden;">
<a id="link" href="LINK1.htm">LINK1</a>
<a id="link" href="LINK2.htm">LINK2</a>
<a id="link" href="LINK3.htm">LINK3</a>
<a id="link" href="LINK4.htm">LINK4</a>
<a id="link" href="LINK5.htm">LINK5</a>
<a id="link" href="LINK6.htm">LINK6</a>
</div>
</div>
<div id="back" onmouseout="out1()"style="position:absolute;top:225;left:330;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar"  onmouseover="menu1.style.visibility='visible'">
<font  color=red size=2>菜单二</span>
<div border=1  id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="LINK1.htm">LINK1</a>
<a id="link" href="LINK2.htm">LINK2</a>
<a id="link" href="LINK3.htm">LINK3</a>
<a id="link" href="LINK4.htm">LINK4</a>
<a id="link" href="LINK5.htm">LINK5</a>
<a id="link" href="LINK6.htm">LINK6</a>
</div>
</div>

</div>

所属频道：菜单导航特效/更新时间：2010-05-23

[收藏][报错][返回列表]

相关菜单导航特效：

菜单导航特效Rss订阅特效代码搜索

菜单导航特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索鼠标移到链接文字上后自动展开下拉菜单
特效说明：
菜单导航模板-鼠标移到链接文字上后自动展开下拉菜单。

收藏&分享

QQ空间新浪微博腾讯微博人人网开心网百度搜藏复制网址更多...