会动的菜单，网页特效，云南设计港，云南网站建设第一站，西部站长的网上家园

		云南天气｜免费注册｜登陆｜发布文章｜

	您所在的位置：云港首页 >> 网页特效 >> 页面导航 >> 正文

会动的菜单

加入时间：2006-12-27

要完成此效果把如下代码加入到<body>区域中

<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>

【返回栏目首页】【打印此页】【发表评论】【发布文章】【关闭此页】


	发表评论	查看评论

您的昵称：		1、遵守中华人民共和国有关法律、法规，尊重网上道德，承担一切因您的行为而直接或间接引起的法律责任。 2、本网拥有管理笔名和留言的一切权力。 3、您在本站留言板发表的言论，本网有权在网站内转载或引用。 4、如您对管理有意见请向留言板管理员或本网反映。
评论内容：
验证码：	$看不清，请刷新验证码$

热点推荐

站长在线

网站运营

站长休闲

版权所有 云南设计港 © All Rights Reserved. 为了更好的浏览，建议使用分辨率：1024×768和IE6.0以上的浏览器浏览本网站

滇ICP备06002874号