您好,欢迎来到模板无忧!
登录
注册
閺€鎯版
閹兼粎鍌�
閸︽澘娴�
鐢喖濮�
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI灏忚仛 鑳藉啓浼氱敾
鍩熷悕
鎺ㄨ崘
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
微软菜单_菜单导航特效
查看演示效果
特效Tag:
菜单
微软
添加
缁囨ⅵDedeCMS瑙嗛鏁欑▼
涔扮┖闂� 绉熸湇鍔″櫒 閫夌綉纭曚簰鑱旓紒
鏃犲咖绔欓暱宸ュ叿,鐧惧害鏉冮噸涓€閿叏鏌�!
微软菜单,您可以先修改部分代码再运行.
<!--要完成此效果把如下代码加入到<body>区域中--> <style> .flyoutMenu { background-color: #F1F1F1; border-color: #999999; border-width: 0 1px 1px 0; border-style: solid; } .flyoutMenu TD.flyoutLink { border-color: #F1F1F1; border-width: 1px; border-style: solid; font-family: Verdana,Arial; font-size: 70%; padding: 1px 25px 3px 6px; cursor: hand; } .flyoutLink a { color: black; text-decoration: none; } .flyoutLink a:hover { color: black; text-decoration: none; } .flyoutLink a:visited { color: black; text-decoration: none; } .flyoutLink a:active { color: black; text-decoration: none; } </style> <script> function over(){ if(obj=event.srcElement) if(obj.className=="flyoutLink"){ obj.style.backgroundColor='#cccccc' obj.style.borderColor = '#999999' } } function out(){ if(obj=event.srcElement) if(obj.className=="flyoutLink"){ obj.style.backgroundColor='#f1f1f1' obj.style.borderColor = '#f1f1f1' } } function show(d){ if(obj=document.all(d)) obj.style.display="" } function hide(d){ if(obj=document.all(d)) obj.style.display="none" } document.onmouseover=over document.onmouseout=out </script> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr><td> <table class="flyoutMenu" width="180" cellpadding="2" cellspacing="0" border="0" > <tr><td> <table width="175" cellpadding="0" cellspacing="0" border="0"> <tr><td class="flyoutLink">微软菜单</td></tr> <tr><td class="flyoutLink" onmouseover=show("div1") onmouseout=hide("div1")><a href="javascript:alert(1)">美国</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(2)">加拿大</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(3)">英国</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(4)">法国</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(5)">意大利</a></td></tr> </Table> </table> <table class="flyoutMenu" width="180" cellpadding="2" cellspacing="0" border="0" > <tr><td> <table width="175" cellpadding="0" cellspacing="0" border="0"> <tr><td class="flyoutLink" ><a href="javascript:alert(5)">澳大利亚</a></td></tr> </table> </td></tr> </table> <table class="flyoutMenu" width="180" cellpadding="2" cellspacing="0" border="0" > <tr><td> <table width="175" cellpadding="0" cellspacing="0" border="0"> <tr><td class="flyoutLink" handle="1672" onmouseover=show("div7") onmouseout=hide("div7")><a href="javascript:alert(6)">中国</a></td></tr> <tr><td class="flyoutLink" ><a href="javascript:alert(7)">日本</a></td></tr> </table> </td></tr> </table> </td></tr> </table> <div id=div1 style="position:absolute;display:none;left:191;top:37" onmouseover=show("div1") onmouseout=hide("div1")> <table class="flyoutMenu" width="180" cellpadding="2" cellspacing="0" border="0" > <tr><td> <table width="175" cellpadding="0" cellspacing="0" border="0"> <tr><td class="flyoutLink">美国菜单</td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(1)">纽约</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(2)">芝加哥</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(3)">三藩市</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(4)">华盛顿</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(5)">费城</a></td></tr> </Table> </table> </div> <div id=div7 style="position:absolute;display:none;left:191;top:165" onmouseover=show("div7") onmouseout=hide("div7")> <table class="flyoutMenu" width="180" cellpadding="2" cellspacing="0" border="0" > <tr><td> <table width="175" cellpadding="0" cellspacing="0" border="0"> <tr><td class="flyoutLink">中国菜单</td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(1)">北京</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(2)">上海</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(3)">深圳</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(4)">厦门</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(5)">大连</a></td></tr> </Table> </table> </div>
所属频道:
菜单导航特效
/
更新时间:2010-05-23
[收藏]
[报错]
[返回列表]
评论加载中....
相关
菜单导航特效
:
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
右键弹出菜单
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
QQ菜单(DIV+JS可展开、折叠)
CSS+Js遮罩效果的TAB及焦点图片切换
隐藏在左侧,鼠标点击展开CSS菜单
黑色CSS菜单,简洁但效果好
在横线中间的简洁CSS菜单
PNG透明图片修饰的圆角形菜单
CSS+js实现的后台管理菜单
仿新浪黑色网站导航菜单
右键弹出菜单
一个不错的下拉菜单,加上图片后效果极好
猜你也喜欢看这些
图片控制内容框的文字上下翻滚
用CSS实现图片的双边框效果
半透明图片水平淡入淡出切换
图像映射
向上翻动的内容切换示例
jquery 自动轮换内容
CSS实现图片拖影效果
鼠标点击图片后切换为其它图片
Js拖动特效,一串水晶球
超酷的图片透明度动画变化特效
相关链接:
复制本页链接
|
搜索微软菜单
特效说明:
菜单导航模板
-
微软菜单
。
鏀惰棌&鍒嗕韩
QQ绌洪棿
鏂版氮寰崥
鑵捐寰崥
浜轰汉缃�
寮€蹇冪綉
鐧惧害鎼滆棌
澶嶅埗缃戝潃
鏇村...