模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
CSS导航菜单_菜单导航特效
查看演示效果
特效Tag:
CSS菜单
添加
简洁型的CSS导航菜单,没有用到图片,但看着很舒服,老外网站的东西,CSS代码很简洁,复制代码即可使用。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>CSS导航菜单</title> <style type="text/css"> <!-- #demo-container{padding:25px 15px 0 15px;background:#67A897;} ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:11px 0 0 0;} ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px;} ul#simple-menu li.left{margin:0;} ul#simple-menu li a{display:block;float:left;color:#fff;background:#4A6867;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;} ul#simple-menu li a.right{padding-right:19px;} ul#simple-menu li a:hover{background:#2E4560;} ul#simple-menu li a.current{color:#2E4560;background:#fff;} ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;} --> </style> </head> <body> <div id="demo-container"> <ul id="simple-menu"> <li><a href="#" title="Home" class="current">Home</a></li> <li><a href="#" title="Home">Resources</a></li> <li><a href="#" title="Home">Inspiration</a></li> <li><a href="#" title="Home">Products</a></li> <li><a href="#" title="Home">About Us</a></li> <li><a href="#" title="Home">Contact Us</a></li> </ul> </div> </body> </html>
所属频道:
菜单导航特效
/
更新时间:2011-02-23
[收藏]
[报错]
[返回列表]
相关
菜单导航特效
:
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
右键弹出菜单
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
CSS三级下拉式弹出菜单代码
会活动的导航菜单
每一个菜单项都可以关闭的竖排导航栏
标签在右侧的竖向选项卡
另类飞出的CSS分类导航菜单
选项卡式的菜单
CSS仿迅雷视频首页导航条(蓝色)
纯CSS实战竖向导航菜单
简单的菜单,无图片
带三角导航的CSS菜单
猜你也喜欢看这些
图片的渐显播放效果的代码
JavaScript判断图片是否能够加载,失败则替换默认图片
具备切片滤镜效果的JavaScript图片切换
在网页随意可拖动图片移动位置
JavaScript 实用的图片放大镜代码
仿FLASH图片光照特效
CSS强制图片自适应宽度大小
来自百度的图片切换特效
CSS+JS滑动门式的图片轮番切换
鼠标控制左右滚动的横向图片滚动代码
相关链接:
复制本页链接
|
搜索CSS导航菜单
特效说明:
菜单导航模板
-
CSS导航菜单
。