模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
立体按钮效果的竖直菜单_菜单导航特效
查看演示效果
特效Tag:
竖向
垂直菜单
添加
立体按钮效果风格的竖向垂直菜单,颜色大家重新修改一下,大小也可以改,完美兼容所有浏览器,很不错。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>立体按钮效果的竖直菜单</title> <style> #menu a, #menu a:visited { position:relative; text-decoration:none; text-align:center; /*/*/ background-color:#9ab; color:#fff; display:block; width:10em; border:2px solid #fff; border-color:#def #678 #345 #cde; padding:0.25em; margin:0.5em auto; } #menu a:hover { top:2px; left:2px; color:#fff; border-color:#345 #cde #def #678; } </style> </head> <body> <div id="menu"> <a href="/">mb5u.com</a> <a href="http://www.baidu.com">Baidu.com</a> <a href="http://www.google.com">Google.com</a> <a href="http://www.163.com">163.com</a> </div> </body> </html>
所属频道:
菜单导航特效
/
更新时间:2010-05-22
[收藏]
[报错]
[返回列表]
相关
菜单导航特效
:
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
右键弹出菜单
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
Windows 风格选项卡标签
导航菜单
CSS仿126邮箱TAB选项卡
通用的后台左侧管理菜单
CSS实现Windows风格的菜单按钮
仿东京商城菜单、仿Win右键菜单、仿淘宝TAB整合特效
近来门户网常用的文字与图片切换效果
金属感不错的仿Vista导航栏
精致纯CSS导航栏
侧边栏导航菜单,溢出式导航
猜你也喜欢看这些
图片淡入淡出过渡的JavaScript代码
图片控制内容框的文字上下翻滚
JS图片翻页效果
鼠标放到图片上会滑出提示文字
动态的Loading文字,逐个变大
JavaScript判断远程图片是否存在
百分比例图
Javascript 仿Flash图片轮翻
漂亮实用的商品图片jquery tips提示框(无图片箭头+阴影)
用CSS实现图片的双边框效果
相关链接:
复制本页链接
|
搜索立体按钮效果的竖直菜单
特效说明:
菜单导航模板
-
立体按钮效果的竖直菜单
。