首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
导航菜单
> 正文
点击文字现移动的菜单
2009-11-23 导航菜单 176℃
<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> <!-- .menuover { background-color: #FFeeee; border: 1px solid #FF0000; cursor: hand; } .menuout { cursor: hand; } td,a { color: #ff0000; font-size: 12px; font-family: 宋体; text-decoration: none } --> </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> <</a>
相关特效代码
无相关信息
热门特效代码
三级竖向展开/收缩导航菜单
鼠标指向弹出菜单
jQuery 弹出菜单层
CSS二级下拉导航菜单
CSS做的垂直导航菜单效果
横向二级导航菜单
仿google首页下端图片文字动画导
导航链接菜单间隔闪烁
动态翻滚的导航条[酷比flash]
纯CSS的三级联动级联菜单
推荐特效代码
CSS+div+js组合强大实现超酷菜单
动态翻滚的导航条[酷比flash]
CSS横向下拉菜单
微软风格的CSS横向菜单
立体的CSS按钮菜单效果
左侧隐藏的菜单