点击滚动出现的菜单菜单导航__脚本特效_后台技术飞飞Asp技术乐园

＞设为首页

＞收藏本站

＞最新电影

首页运营资讯今日英语图形图像计算机技术 Asp编程网站结构化资源共享休闲娱乐访问新站

您现在的位置：首页=>后台技术=>脚本特效=>菜单导航

订阅本栏目

点击滚动出现的菜单

时间： 2007-12-08 23:00:36　阅读次数：2128

点击滚动出现的菜单

<html>
<head>
<title>网页特效|www.ffasp.com 飞飞Asp乐园|---点击文字让层移动的菜单</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('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>

提示：您可以先修改部分代码再运行

下一篇鼠标滑过的下拉菜单

上一篇可以拖动的菜单

本栏目最新

栏目最新列表

使用jquery实现的简单下拉菜单（下拉框）效

简单的下拉菜单效果

div+css能在ie7/ie7/Firefox下运行的菜单导

同一个页面可以多次使用的选项卡

非常酷的菜单管理效果

网站优化策划

栏目最新列表

增加网站外链的快速方法

网站上线前必做的30个检查

新的友情链接参考标准（没有google的PR情况

优化Google的AdSense广告的五个工具

王通讲SEO八大基础

站点最新

站点最新列表

微博推广的一些技巧

xhEditor v1.1.7 发布，

收集的一些轻量级非常实

50个新鲜兼容最新版本的

javascript中cookie的设

Excel中出现#VALUE!、#D

jquery插件:飞飞表情插件

十个使用HTML5开发的精彩

支持HTML5的浏览器有哪些

飞妮莫属:漫画：如何写出

历史最热10条信息

MIME介绍及 [1] [2] [3]

巧用Google和迅雷来下载

Transact SQL 常 [1] [2]

VIA Rhine II Fast Ethe

电脑常用端 [1] [2] [3]

Do you get a kick out

十道羊皮卷欣赏+mp3版+

每日一句：A friend and

每日一句：Theres no tu

经典__悟透JavaScript

width=

伟哥博客西安房产 123最新电影三四六四

关于站点 | 免责声明 | 联系站长 | 网站地图 | 陕ICP备07002804号 WEB技术QQ交流群：72840059

©2007 ffasp.com. 版权所有