点击文字让层移动的菜单网页特效代码

网页特效代码

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

热点推荐儿歌大全童谣
生意网址大全美容
我们是致力收藏最实用的网页特效代码！

您的位置: 网页特效 -> 菜单导航 -> 点击文字让层移动的菜单网页特效代码

点击文字让层移动的菜单网页特效代码

作者:点击文字让层移动的菜单 - 网页特效代码发布时间:2007-12-12 15:10:21 发布人: admin

<html>
<head>
<title>中国建站之家网页特效演示，点击文字让层移动的菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body topmargin="0" leftmargin="0" bgcolor="#FFFFFF" onclick="menuHide();">
<script>
document.onmousewheel=function()
{
	status=event.wheelDelta;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>

</style>
<script language="javascript">
var run=0;
var show=0;
function menuRow()
{
  show=1;
  run=1;
  menu.style.pixelTop-=5;
  if(menu.style.pixelTop>0)
	setTimeout('menuRow();','5');
  else
    run=0;
}
function menuShow()
{
  if(!run && !show)
  {
    menu.style.visibility='visible';
	menup.style.visibility='visible';
    menu.style.pixelTop=200;
    menuRow();
  }
}
function menuHide()
{
  if(!run && show)
  {
    menu.style.visibility='hidden';
	menup.style.visibility='hidden';
	show=0;
  }
}
</script>

<div style="overflow: hidden; left=404px; top:30px; height:200px; visibility:show;

width:97px; z-index:1; position:absolute; visibility:hidden; border-left: 0px; border-right: 0px;

border-top: 0px solid; border-bottom: 1px solid #FF0000; " id="menup"> 
        <div bgcolor="#FFFFFF" id="menu" align="center" style="position: absolute; width: 97px; height:

200px; z-index: 1; left: 0px; top: 200px; overflow: hidden; visibility: hidden; background-image:

url('/web/20071224052055im_/http://myjs.jz123.cn/js/caidan/images/menu_bg.gif'); border: 1 solid #FF0000"> 
          <table width="93" cellpadding="0" cellspacing="4" style="position: relative; top: 1">
            <tr>
              <td valign="middle" align="center" height="20" class="menuout" onmouseover="this.className='menuover';" onmouseout="this.className='menuout';" onclick="location='aboutus'">关 于 我 们</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class="menuout" onmouseover="this.className='menuover';" onmouseout="this.className='menuout';" onclick="location='joinus'">加 入 我 们</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class="menuout" onmouseover="this.className='menuover';" onmouseout="this.className='menuout';" onclick="location='market'">交 易 市 场</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class="menuout" onmouseover="this.className='menuover';" onmouseout="this.className='menuout';" onclick="location='super'">网 页 超 市</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class="menuout" onmouseover="this.className='menuover';" onmouseout="this.className='menuout';" onclick="location='domain'">域 名 注 册</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class="menuout" onmouseover="this.className='menuover';" onmouseout="this.className='menuout';" onclick="location='host'">虚 拟 主 机</td>
            </tr>
			<tr>
              <td valign="middle" align="center" height="20" class="menuout" onmouseover="this.className='menuover';" onmouseout="this.className='menuout';" onclick="location='service'">服 务 中 心</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class="menuout" onmouseover="this.className='menuover';" onmouseout="this.className='menuout';" onclick="location='cooperator'">合 作 伙 伴</td>
            </tr>
          </table>
        </div>
          </div>
<a onclick="menuShow();" style="position: absolute; width: 97px; height: 200px; z-index: 1; left:

410px; top: 230px;cursor:hand; " alt="Menu">点击演示</a>

</body>
</html>
<a href="http://web.archive.org/web/20071224052055/http://myjs.jz123.cn/">欢迎访问中国建站之家网页特效集</a>

点击文字让层移动的菜单 - 网页特效代码

将本文收藏到QQ书签与更多好友分享

上一篇：文章：下拉列表分组显示的下拉框下一篇：文章：不错的下拉菜单网页特效代码

网页特效代码

点击文字让层移动的菜单网页特效代码

本类浏览排行 »

本站推荐文章 »