网站首页
源码下载
字体下载
模板下载
网络学院
意见反馈
广告服务
ASP源码
CGI源码
PHP源码
JSP源码
.Net源码
Flash源码
常用软件
服务器类
书籍教程
网页特效
韩国模板
商业模板
Flash模板
中文字体
英文字体
特殊字体
像素字体
手写字体
外来字体
艺术字体
图案字体
节日字体
著名字体
哥特字体
QQ字体
网页制作
HTML/CSS
网页特效
网络编程
图形图像
数据库类
网络安全
安全资讯
安全防范
服务器类
站长专栏
建站专栏
GG优化
百度优化
网络媒体
免费资源
业界新闻
业界动态
软件新闻
娱乐游戏
统计在线人数...
您的位置:
首页
>>
网络学院
>>
网页制作
>>
HTML/CSS
>> 符合WEB标准的下拉导航菜单例子 文章内容
符合WEB标准的下拉导航菜单例子
[ 来源:不详 | 作者:不详 | 时间:2006-7-8 21:47:28 | 浏览:
统计中...
]
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css菜单演示</title><style type="text/css"><!--*{margin:0;padding:0;border:0;}body { font-family: arial, 宋体, serif; font-size:12px;}#nav { line-height: 24px; list-style-type: none; background:#666;}#nav a { display: block; width: 80px; text-align:center;}#nav a:link { color:#666; text-decoration:none;}#nav a:visited { color:#666;text-decoration:none;}#nav a:hover { color:#FFF;text-decoration:none;font-weight:bold;}#nav li { float: left; width: 80px; background:#CCC;}#nav li a:hover{ background:#999;}#nav li ul { line-height: 27px; list-style-type: none;text-align:left; left: -999em; width: 180px; position: absolute;}#nav li ul li{ float: left; width: 180px; background: #F6F6F6;}#nav li ul a{ display: block; width: 156px;text-align:left;padding-left:24px;}#nav li ul a:link { color:#666; text-decoration:none;}#nav li ul a:visited { color:#666;text-decoration:none;}#nav li ul a:hover { color:#F3F3F3;text-decoration:none;font-weight:normal; background:#C00;}#nav li:hover ul { left: auto;}#nav li.sfhover ul { left: auto;}#content { clear: left;}--></style><script type=text/javascript><!--//--><![CDATA[//><!--function menuFix() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseDown=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseUp=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),""); } }}window.onload=menuFix;//--><!]]></script></head><body><ul id="nav"><li><a href="#">产品介绍</a> <ul> <li><a href="#">产品一</a></li> <li><a href="#">产品一</a></li> <li><a href="#">产品一</a></li> <li><a href="#">产品一</a></li> <li><a href="#">产品一</a></li> <li><a href="#">产品一</a></li> </ul></li><li><a href="#">服务介绍</a> <ul> <li><a href="#">服务二</a></li> <li><a href="#">服务二</a></li> <li><a href="#">服务二</a></li> <li><a href="#">服务二服务二</a></li> <li><a href="#">服务二服务二服务二</a></li> <li><a href="#">服务二</a></li> </ul></li><li><a href="#">成功案例</a> <ul> <li><a href="#">案例三</a></li> <li><a href="#">案例</a></li> <li><a href="#">案例三案例三</a></li> <li><a href="#">案例三案例三案例三</a></li> </ul></li><li><a href="#">关于我们</a> <ul> <li><a href="#">我们四</a></li> <li><a href="#">我们四</a></li> <li><a href="#">我们四</a></li> <li><a href="#">我们四111</a></li> </ul></li><li><a href="#">在线演示</a> <ul> <li><a href="#">演示</a></li> <li><a href="#">演示</a></li> <li><a href="#">演示</a></li> <li><a href="#">演示演示演示</a></li> <li><a href="#">演示演示演示</a></li> <li><a href="#">演示演示</a></li> <li><a href="#">演示演示演示</a></li> <li><a href="#">演示演示演示演示演示</a></li> </ul></li><li><a href="#">联系我们</a> <ul> <li><a href="#">联系联系联系联系联系</a></li> <li><a href="#">联系联系联系</a></li> <li><a href="#">联系</a></li> <li><a href="#">联系联系</a></li> <li><a href="#">联系联系</a></li> <li><a href="#">联系联系联系</a></li> <li><a href="#">联系联系联系</a></li> </ul></li></ul></body></html>
网友评论
加入收藏
打印本文
上一篇:
用flash做电子地图
下一篇:
用Flash MX 2004制作缓冲相册教材
>> 相关文章
如何调用Flash才符合Web网页标准?
符合WEB标准的导航菜单
符合Web标准的超链接
符合WEB标准的下拉导航菜单例子
符合WEB标准的下拉导航菜单例子
在百度baidu上的更多资料
符合WEB标准的下拉导航菜单例子
在谷歌google上的更多资料
符合WEB标准的下拉导航菜单例子
在雅虎yahoo上的更多资料
符合WEB标准的下拉导航菜单例子
在搜搜soso上的更多资料
符合WEB标准的下拉导航菜单例子
在MSN搜索上的更多资料
评论内容只代表网友观点,与本站立场无关!
查看完整内容
我来评两句
用户名称
评分
100
85
70
55
40
25
10
0
验证码
最多500字。当前字数:
0
彻底弄懂CSS盒子模式之三
图片和CSS制作动画按钮
类和伪类
让css使网页图片半透明
分类导航
DREAMWEAVER
FRONTPAGE
HTML/CSS
网页特效
设计之道
更多分类
本类阅读排行
本类推荐排行
Div+CSS布局入门...
CSS 实用实例
《CSS网站布局实...
Div+CSS布局入门教程
CSS 实用实例
《CSS网站布局实录》
中文排版CSS心得
30余个CSS导航菜单效果
css星级效果总结
[效果]DIV+CSS 相册
CSS+JS构建的图片查看器
图片和CSS制作动画按钮
CSS经典技巧十则
如何用CSS定义表格与模拟表格
XHTML+CSS创建“两步式”的相册
本类阅读排行
本类推荐排行
彻底弄懂CSS盒子...
需要掌握的八个...
CS对对碰 Ⅰ
彻底弄懂CSS盒子模式之一
需要掌握的八个CSS布局技巧
CS对对碰 Ⅰ
首届世界CSS设计大赛结果揭晓
CSS 菜单举一反三
用css制作星级评分
好玩的样式—放大效果
CSS经典技巧十则
30余个CSS导航菜单效果
用css制作表单并体验亲和力
div下图片自适应解决方法
如何用CSS定义表格与模拟表格
随机推荐文章
CSS 实用实例
HTML表单元素覆...
跨浏览器的CSS固...
重构、标准、布局
CSS超级技巧大放送合集
HTML文件HEAD内部标记浅析
CSS应用实例:水平线变成虚线
引入CSS样式的五种方式
让网站链接样式千奇百怪
合理使用HTML标签进行CSS布局
优秀的CSS编辑器
几个有用的Javascript脚本
超级强大的表单验证代码
首届世界CSS设计大赛结果揭晓
Flash MX 2004 支持的HTML标签
广告位
当前在线人数
人
关于我们
|
广告联系
|
版权声明
|
帮助中心
|
友情链接
|
网站地图
QQ:748838 MSN:allen_xia#msn.com E-mail:allenxia666#126.com QQ群:站长联盟北方区-北京(28200145) 站长联盟南方区-上海(67713522)
Copyright 2003-2008
zy
china
.com.cn
All Rights Reserved. 京ICP备05033487号