模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
绝对不错的滚动的导航菜单栏_菜单导航特效
查看演示效果
特效Tag:
菜单栏
添加
绝对不错的滚动的导航菜单栏,您可以先修改部分代码再运行.
<!-- 把如下代码加入<body>区域中 --> <LINK href="http://p1.mb5u.com/texiao/style.css" rel=stylesheet> <STYLE type=text/css>.submenu { Z-INDEX: 2; VISIBILITY: hidden; WIDTH: 500px; POSITION: absolute; HEIGHT: 22px} A { FONT-FAMILY: "Tahoma"; TEXT-DECORATION: none } A:hover { FONT-FAMILY: "Tahoma"; TEXT-DECORATION: none } </STYLE> <SCRIPT src="http://p1.mb5u.com/texiao/20040701js1.js"></SCRIPT> <SCRIPT src="http://p1.mb5u.com/texiao/20040701js2.js"></SCRIPT> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> </head> <body bgcolor="#AAAAAA" leftmargin="0" topmargin="0"><center> <table width="758" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td width="930" bgcolor="#546376"> <TABLE cellSpacing=1> <TBODY> <TR align=middle bgcolor="#546376"> <TD width="30" bgcolor="#546376" id=m000> </TD> <TD id=m000> <div align="center"> <a onmouseover="rollOver('m00');" onmouseout="rollOut('m00');" target="_top" href="http://www.mb5u.com"><font color="#FFFFFF">首 页</font></a></div></TD> <TD width="20" id=m000> <div align="center"><font color="#FFFFFF">|</font></div></TD> <TD id=m010> <div align="center"><A onmouseover="rollOver('m01');" onmouseout="rollOut('m01');" href="#" target="_top"><font color="#FFFFFF">网站教程</font></A></div></TD> <TD width="20" id=m000> <div align="center"><font color="#FFFFFF">|</font></div></TD> <TD id=m020> <div align="center"><A onmouseover="rollOver('m02');" onmouseout="rollOut('m02');" href="http://www.mb5u.com/" target="_top"><font color="#FFFFFF">网页制作</font></A></div></TD> <TD width="20" id=m000> <div align="center"><font color="#FFFFFF">|</font></div></TD> <TD id=m030> <div align="center"><A onmouseover="rollOver('m03');" onmouseout="rollOut('m03');" href="http://www.mb5u.com/" target="_top"><font color="#FFFFFF">编程技术</font></A></div></TD> <TD width="20" id=m000> <div align="center"><font color="#FFFFFF">|</font></div></TD> <TD id=m040> <div align="center"><A href="http://www.mb5u.com/" target="_top"><font color="#FFFFFF">网页特效</font></A></div></TD> <TD width="20" id=m000> <div align="center"><font color="#FFFFFF">|</font></div></TD> <TD id=m040> <div align="center"><A onmouseover="rollOver('m04');" onmouseout="rollOut('m04');" href="http://www.mb5u.com/" target="_blank"><font color="#FFFFFF">精品素材</font></A></div></TD> </TR> </TBODY> </TABLE> </td> </tr> <tr> <td height="5"><div id="Layer1" style="position:absolute; z-index:1"> <DIV class=submenu id=m00 style="WIDTH: 500px; HEIGHT: 22px" name="m00"> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD><!-- <A href="#" target="_top"><font color="#A7B1BD">用户注册</font></A> | <A href="#"><font color="#A7B1BD">使用帮助</font></A> | <A href="#" target="_top"><font color="#A7B1BD">必备工具</font></A> --></TD> </TR> </TBODY> </TABLE> </DIV> <DIV class=submenu id=m01 style="WIDTH: 500px; HEIGHT: 22px" name="m01"> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD><A href="http://www.mb5u.com/"><font color=white>Html教程</font></A>| <A href="http://www.mb5u.com/"><font color=white>Css 教程</font></A> | <A href="http://www.mb5u.com/"><font color=white>Js 教 程</font></font></A> |</TD> </TR> </TBODY> </TABLE> </DIV> <DIV class=submenu id=m02 style="WIDTH: 500px" name="m02"> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD> <A hrefhttp://www.mb5u.com" target="_top"><font color="#A7B1BD">国家地理频道</font></A> | <A href="http://www.mb5u.com/" target="_top"><font color="#A7B1BD">ChannelV音乐频道</font></A> | <A href="http://www.mb5u.com/"><font color="#A7B1BD">星空综艺频道</font></A> | <A href="http://www.mb5u.com/"><font color="#A7B1BD">STAR体育频道</font></A></TD> </TR> </TBODY> </TABLE> </DIV> <DIV class=submenu id=m03 style="WIDTH: 500px" name="m03"> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD> <A href="http://www.mb5u.com" target="_top"><font color="#A7B1BD">游戏频道</font></A> | <A href="http://www.mb5u.com/" target="_top"><font color="#A7B1BD">游戏下载</font></A> <!-- | <A href="http://www.mb5u.com/"><font color="#A7B1BD">游戏专区</font></A> | <A href="http://www.mb5u.com/" target="_top"><font color="#A7B1BD">技术论坛</font></A> --> </TD> </TR> </TBODY> </TABLE> </DIV> <DIV class=submenu id=m04 style="WIDTH: 500px" name="m04"> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD><TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD> <A href="http://www.mb5u.com/" target="_top"><font color="#A7B1BD">mb5u.com</font></A></TD> </TR> </TBODY> </TABLE></TD> </TR> </TBODY> </TABLE> </DIV> </div></td> </tr> </table> <table width="758" height="15" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td height="15"> </td> </tr> </table>
所属频道:
菜单导航特效
/
更新时间:2011-02-23
[收藏]
[报错]
[返回列表]
相关
菜单导航特效
:
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
右键弹出菜单
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
CSS竖排选项卡Tab
拖动菜单
又一个超强的横向6级展开菜单
JS+CSS打造另类带提示的竖向导航菜单
CSS实现的目录树型菜单
仿Windows经典风格的选项卡Tab
带颜色标记的CSs导航栏
带图形声音的右键菜单
隐现菜单
CSS仿支付宝菜单,自己亲手写的
猜你也喜欢看这些
图片自动缩放
从两侧向中间拼合的JavaScript图片切换效果
点击图片某一区域放大图片,新型图片放大特效
飘动的图片
Javscript+CSS图片查看提取显示器代码
对联式的图片广告代码
腾讯JS商品滚动效果
两个基于jQuery的渐隐渐显图片轮换幻灯片
图片友情链接滚动,横向,带控制按钮
按钮可以控制的JS横向图片滚动
相关链接:
复制本页链接
|
搜索绝对不错的滚动的导航菜单栏
特效说明:
菜单导航模板
-
绝对不错的滚动的导航菜单栏
。