模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
一个很实用的下拉导航条代码_菜单导航特效
查看演示效果
特效Tag:
下拉菜单
导航条
添加
很实用的下拉导航条,代码有些复杂,不过菜单样式便于自己控制,方便美化,运行一下看看效果!
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>简单的下拉导航条</title> </head> <body> <SCRIPT language=JavaScript> function MM_findObj(n, d) { //v4.0 var p,i,x;if(!d) d=document;if((p=n.indexOf("?"))>0 && parent.frames.length){ d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n]) && d.all) x=d.all[n]; for (i=0;!x && i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x && d.layers && i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x;} function MM_showHideLayers() { //v3.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; } obj.visibility=v; }} //showhidelayer function mOvr(src, cOvr) {if (!src.contains(event.fromElement)) {src.style.cursor = "default";src.bgColor = cOvr;}} function mOut(src, cOut) {if (!src.contains(event.toElement)) {src.style.cursor = "default";src.bgColor = cOut;}} //changetdcolor </SCRIPT> <TABLE border=1 cellPadding=1 cellSpacing=1 width="100"> <TBODY> <TR align=middle class=dmenu> <TD> <DIV id=menu01 style="POSITION: absolute"> <DIV id=sub onmouseout="MM_showHideLayers('sub','','hide')" onmouseover="MM_showHideLayers('sub','','show')" style="HEIGHT: 46px; LEFT: -7px; POSITION: absolute; TOP: 12px; VISIBILITY: hidden; WIDTH: 90px; Z-INDEX: 11"> <TABLE bgColor=#3c8830 border=0 cellPadding=1 cellSpacing=1 width=228> <TBODY> <TR bgColor=#a5db97> <TD align=right> <TABLE border=0 cellPadding=4 cellSpacing=1 class=46C92F width=222> <COLGROUP span=3> <COL width="33%"> <COL width="33%"> <COL width="34%"></COLGROUP> <TBODY> <TR bgColor=#fafef4> <TD>新闻动态</TD> <TD>体育视频</TD> <TD>最新电影</TD></TR> <TR bgColor=#fafef4> <TD>股市动态</TD> <TD>影视娱乐</TD> <TD>笑话集锦</TD></TR> </TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><A class=menu href="" onmouseout="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')" onmouseover="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','show','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')">订阅</A> </TD> <TD> <DIV id=menu02 style="POSITION: absolute"> <DIV id=mo onmouseout="MM_showHideLayers('mo','','hide')" onmouseover="MM_showHideLayers('mo','','show')" style="HEIGHT: 69px; LEFT: -7px; POSITION: absolute; TOP: 12px; VISIBILITY: hidden; WIDTH: 90px; Z-INDEX: 12"> <TABLE bgColor=#3c8830 border=0 cellPadding=1 cellSpacing=1 width=190> <TBODY> <TR bgColor=#a5db97> <TD align=right> <TABLE border=0 cellPadding=4 cellSpacing=1 class=46C92F width=184> <COLGROUP span=2> <COL width="55%"> <COL width="45%"></COLGROUP> <TBODY> <TR bgColor=#fafef4> <TD>MENU1</TD> <TD>MEUN2</TD> </TR> <TR bgColor=#fafef4> <TD>MEUN3</TD> <TD>MEUN4</TD> </TR> <TR bgColor=#fafef4> <TD>MEUN5</TD> <TD>MEUN6</TD> </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><A class=menu href="mo/" onmouseout="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')" onmouseover="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','show','brand','','hide','feature','','hide','product','','hide','help','','hide')">菜单</A> </TD> </TR></TBODY></TABLE> </body> </html>
所属频道:
菜单导航特效
/
更新时间:2010-05-22
[收藏]
[报错]
[返回列表]
相关
菜单导航特效
:
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
右键弹出菜单
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
带标记滑动的JS+CSS菜单
简单实现点击可展开、关闭的CSS竖向菜单
又一竖向简洁Tab网页选项卡
会更换背景的TAB选项卡
基本的全兼容纯CSS下拉菜单
CSS+div+js组合强大实现超酷菜单
css模拟title和alt的提示效果
像电灯开关一样的竖直菜单
在横线中间的简洁CSS菜单
仿蓝色理想网站选项卡式的导航条
猜你也喜欢看这些
JS实现鼠标悬停图片交换
JavaScript图片特效
JavaScript妙味课堂,物体平移运动特效
JS点击小图预览大图(仿淘宝)
像弹簧一样抖动的横向图片滚动
给一个图片加上CSS边框特效
Google上有过的图片放大效果,使用了jQuery
JS打造立体旋转的图片特效
jquery 自动轮换内容
Javascript图片幻灯代码(无jquery)
相关链接:
复制本页链接
|
搜索一个很实用的下拉导航条代码
特效说明:
菜单导航模板
-
一个很实用的下拉导航条代码
。