注册 | 登陆

您的位置：阿里西西 > 网页特效 > 导航菜单 > 详细内容

2顶

会动的页面导航菜单

稿源：互联网 2022-05-10 07:39:20 点击： 1072 撤稿纠错

会动的页面导航菜单，放在主页增加动感，很漂亮。

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

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

有什么问题请到<a href='/bbs/index.asp?boardid=2'>论坛</a>中发表<br>

<style type="text/css">

</style>
<script language="JavaScript">

</script><p><div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1">
  <div id="Layer2" style="position:absolute; left:666px; top:59px; width:67px; height:52px; z-index:2; background-color: #0068FF; layer-background-color: #0068FF; border: 1px none #000000; visibility: visible" class="t"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
      <tr> 
        <td align="center" valign="top"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer2',611,35,5,30,0,0)" onMouseOut="P7AniMagic('Layer2',666,59,5,30,0,0)">on 
          1<br>
          <a href="#">第一項</a><br>
          <a href="#">第二項</a><br>
          <a href="#">第三項</a><br>
          </font></td>
      </tr>
    </table>
  </div>
  <div id="Layer3" style="position:absolute; left:666px; top:81px; width:66px; height:84px; z-index:3; background-color: #0066FF; layer-background-color: #0066FF; border: 1px none #000000; visibility: visible" class="t"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr> 
        <td>
          <div align="center"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer3',611,55,5,30,0,0)" onMouseOut="P7AniMagic('Layer3',666,81,5,30,0,0)">on 2<br>
            <a href="#">第一項</a><br>
            <a href="#">第二項</a><br>
            <a href="#">第三項</a><br>
            </font></div>
        </td>
      </tr>
    </table>
  </div>
  <div id="Layer4" style="position:absolute; width:68px; height:80px; z-index:4; left: 666px; top: 102px; background-color: #0064FF; layer-background-color: #0064FF; border: 1px none #000000; visibility: visible" class="t"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr> 
        <td>
          <div align="center"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer4',611,75,5,30,0,0)" onMouseOut="P7AniMagic('Layer4',666,102,5,30,0,0)">on 3<br>
            <a href="#">第一項</a><br>
            <a href="#">第二項</a><br>
            <a href="#">第三項</a><br>
            </font></div>
        </td>
      </tr>
    </table>
  </div>  <div id="Layer5" style="position:absolute; width:65px; height:127px; z-index:5; left: 265px; top: 56px"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="72">
      <tr> 
        <td height="24" onMouseOver="P7AniMagic('Layer2',611,35,5,30,0,0)" onMouseOut="P7AniMagic('Layer2',666,59,5,30,0,0)">    </td>
      </tr>
      <tr>
        <td height="24" onMouseOver="P7AniMagic('Layer3',611,55,5,30,0,0)" onMouseOut="P7AniMagic('Layer3',666,81,5,30,0,0)">    </td>
      </tr>
      <tr>
        <td height="24" onMouseOver="P7AniMagic('Layer4',611,75,5,30,0,0)" onMouseOut="P7AniMagic('Layer4',666,102,5,30,0,0)">    </td>
      </tr>
    </table>
  </div>
</div>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

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

·上一篇： 可与IE整合、分离的导航条下拉菜单
·下一篇： 非常简单的导航“菜块”

相关阅读

文章分类LIST >>返回首页

排行总榜

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

最新游戏

更多 »

最新新闻

更多 »