您好,欢迎来到模板无忧!
登录
注册
闂傚倸鍊搁崐鎼佸磹瀹勬噴褰掑炊椤掆偓杩濋梺閫炲苯澧撮柡灞剧〒閳ь剨缍嗛崑鍛暦瀹€鍕厸鐎光偓閳ь剟宕伴弽顓溾偓浣糕槈濡嘲鐗氶梺鍛婂姉閸嬫挸袙婢跺绻嗛柣鎰典簻閳ь剚鍨垮畷鏇熺節濮橆剛顔嗛梺璺ㄥ櫐閹凤拷
闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柛顐f礀缁犵娀鏌熼幑鎰靛殭閻熸瑱绠撻幃妤呮晲鎼粹€愁潻闂佹悶鍔嶇换鍫ョ嵁閺嶎灔搴敆閳ь剚淇婇懖鈺冩/闁诡垎浣镐划闂佸搫琚崝鎴﹀箖閵堝纾兼繛鎴烇供娴硷拷
闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛艾鈹戦悩宕囶暡闁抽攱妫冮弻娑㈠即閵娿儰鑸梺缁樻煥濡瑦绌辨繝鍥舵晬婵ǜ鍎辨禒娲偡濠婂懎顣奸悽顖涱殜瀵煡骞栨担鍦弳闂佺粯娲栭崐鍦偓姘炬嫹
闂傚倸鍊搁崐鐑芥倿閿曞倹鍎戠憸鐗堝笒閺勩儵鏌涢弴銊ョ仩闁搞劌鍊搁埞鎴﹀磼濠ф挸婀辩划锝呂旈崨顔惧幐閻庡箍鍎遍崯顐d繆娴犲鐓曟繛鍡楃箳缁犲鏌$仦璇插闁诡喓鍊濆畷鎺戔槈濮楀棔绱�
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI闁诲繐绻愮换妤佺閿燂拷 闂佺厧鐤囧Λ鍕疮閹炬潙顕辨慨妯块哺閺嗭拷
闂佺硶鏅濋崰搴ㄥ箖閿燂拷
闂佽浜介崝蹇撶暦閿燂拷
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
隐现菜单_菜单导航特效
查看演示效果
特效Tag:
菜单
添加
缂傚倷绀佸ú锕傚焻缁€鎱筪eCMS闁荤喐鐟ュΛ婵嬨€傞崼鏇炴瀬婵炲棙鍨熼弻锟�
婵炴垶姊规竟鍡涘煘閺嶎厽鈷掗柨鐕傛嫹 缂備礁顦遍崰鎰耿閸ヮ剙绀夐柍銉ㄦ珪閻濓拷 闂備緡鍋勯ˇ杈╃礊婢跺本鍏滈柡鍥ㄦ皑闂夊秹鏌ゆ潏銊︻棖缂佹唻鎷�
闂佸搫鍟版慨鎾椽閺嶎偆鍗氭繛鍡樻尰濮f劗鈧鎮堕崕閬嶅矗閿燂拷,闂佽皫鍕姢閻庤濞婂鍫曞礃椤斿吋顏熸繛鎴炴尨閸嬫捇姊哄▎鎯ф灈闁告瑥绻樺濠氭晸閿燂拷!
隐现菜单,您可以先修改部分代码再运行.
<style> <!-- #iewrap{ position:relative; height:30px } #iewrap2{ position:absolute } #dropmenu03{ filter:revealTrans(Duration=1.5,Transition=12) visibility:hide } a:hover { color: #FF0000} body { font-family: "宋体"; font-size: 9pt; text-decoration: none} a { font-family: "宋体"; font-size: 9pt; text-decoration: none} --> </style> <!--第二步:再将下列代码复制到<body></body>之间:--> <ilayer id="dropmenu01" height=35px> <layer id="dropmenu02" visibility=show> <span id="iewrap"> <span id="iewrap2" onClick="dropit2();event.cancelBubble=true;return false"> <font face="宋体"><a href="#">点这里看本站栏目</a></font> </span> </span> </layer> </ilayer> <script language="JavaScript1.2"> //如果想关闭 "fade"(消隐)效果,将如下参数设置成false,适用于IE用户。 var enableeffect=true //将如下数组修改成你自己的。 var selection=new Array() selection[0]='<font face="宋体"><a href="http://www.mb5u.com">模板无忧</a></font><br>' selection[1]='<font face="宋体"><a href="http://www.mb5u.com">模板无忧</a></font><br>' selection[2]='<font face="宋体"><a href="http://www.mb5u.com">模板无忧</a></font><br>' selection[3]='<font face="宋体"><a href="http://www.mb5u.com">模板无忧</a></font><br>' selection[4]='<font face="宋体"><a href="http://www.mb5u.com">模板无忧</a></font>' if (document.layers) document.dropmenu01.document.dropmenu02.visibility='show' function dropit2(){ if (document.all){ dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX dropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (dropmenu03.style.visibility=="hidden"){ if (enableeffect) dropmenu03.filters.revealTrans.apply() dropmenu03.style.visibility="visible" if (enableeffect) dropmenu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.dropmenu03.visibility=="hide") document.dropmenu03.visibility="show" else document.dropmenu03.visibility="hide" document.dropmenu03.left=e.pageX-e.layerX document.dropmenu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) dropmenu03.filters.revealTrans.stop() dropmenu03.style.visibility="hidden" } function hidemenu2(){ document.dropmenu03.visibility="hide" } if (document.layers){ document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK) document.dropmenu01.document.dropmenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </script> <!-- 你可以改变菜单出现的外观风格--> <div id="dropmenu03" style="position:absolute;left:0;top:0;layer-background-color:seashell;background-color:seashell;width:100;visibility:hidden;border:1px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.dropmenu03.captureEvents(Event.CLICK) document.dropmenu03.onclick=hidemenu2 } </script>
所属频道:
菜单导航特效
/
更新时间:2010-05-23
[收藏]
[报错]
[返回列表]
相关
菜单导航特效
:
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
右键弹出菜单
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
像论坛上用的鼠标感应菜单,带阴影
符合标准的滑动门(JS+CSS)
上下伸展的JS菜单
立体按钮效果的竖直菜单
绝对酷的黑色风格二级导航菜单
目录式导航菜单-鼠标放上的下拉菜单
利用cookie记忆当前位置的防刷新导航
灰色会换色MAC官方菜单纯CSS实现
CSS竖直菜单,好棒!
JS仿QQ折叠菜单
猜你也喜欢看这些
JS图片滚动,从右向左滚动
JS漂浮图片,点击图片后会关闭
图象滚动公告版
JS水平循环飞舞的图片
鼠标接触或者离开图片时,图片大小会相应变化
JS图片的渐隐渐现的代码
JS横向图片滚动代码,带停顿,滚滚停停
可以点击控制的手机图片滚动切换
根据鼠标放上切换内容制作的图片导航
来自百度的图片切换特效
相关链接:
复制本页链接
|
搜索隐现菜单
特效说明:
菜单导航模板
-
隐现菜单
。
闁衡偓閹増顥�&闁告帒妫旈棅锟�
QQ缂佸本妞藉Λ锟�
闁哄倻澧楀顔碱嚗椤旂厧瑙�
闁煎灚宕橀鍡楊嚗椤旂厧瑙�
濞存粏妗ㄥЧ澶岀磾閿燂拷
鐎殿喒鍋撻煫鍥у暟缂嶏拷
闁谎勫劤鐎规娊骞栧⿰鍡橆棏
濠㈣泛绉撮崺妤冪磾閹存繃绲�
闁哄洦娼欓ˇ锟�...