UC知道这个网的导航菜单好酷啊.懂CSS样式的来帮忙解释下制作过种程.
来源：百度知道 编辑：UC知道 时间：2024/07/07 23:23:09
http://www.mtime.com/
谢谢....
可以的话,提供一点CSS程序解释..
这个网也有一个类似的导航...
我复制了其中第四个作为例子,请爱号者,高手一起来研究...
<style type="text/css">
table {border-collapse:collapse; margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}/####这里是定义了menu ul li a,也就是这定义的是链接的样式吗?
.menu ul li a:hover ul li a.hide {display:none;}/####这里的hover是指什么,
.menu ul li a, .menu ul li a:visited {background:#c9c9a7 url/?????(../../graphics/drop.gif) 20px right no-repeat;}/?????
.menu ul li a:hover {color:#fff; background:#b3ab79;}
.menu ul li a:hover ul {display:block; position:absolute; width:749px; top:30px; left:0; background:#b3ab79; color:#fff;}
.menu ul li a:hover ul.right_side li {float:right; border-width:0 1px 0 0 0;}
.menu ul li a:hover ul.left_side li {float:left;}
.menu ul li a:hover ul li a.sub {background:#
谢谢....
可以的话,提供一点CSS程序解释..
这个网也有一个类似的导航...
我复制了其中第四个作为例子,请爱号者,高手一起来研究...
<style type="text/css">
table {border-collapse:collapse; margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}/####这里是定义了menu ul li a,也就是这定义的是链接的样式吗?
.menu ul li a:hover ul li a.hide {display:none;}/####这里的hover是指什么,
.menu ul li a, .menu ul li a:visited {background:#c9c9a7 url/?????(../../graphics/drop.gif) 20px right no-repeat;}/?????
.menu ul li a:hover {color:#fff; background:#b3ab79;}
.menu ul li a:hover ul {display:block; position:absolute; width:749px; top:30px; left:0; background:#b3ab79; color:#fff;}
.menu ul li a:hover ul.right_side li {float:right; border-width:0 1px 0 0 0;}
.menu ul li a:hover ul.left_side li {float:left;}
.menu ul li a:hover ul li a.sub {background:#
其实这个导航很简单的，只用了一点点的CSS加工效果，另外用图片进行修饰。
要学css，网上就有很多教程，比如说这里：http://www.w3school.com.cn/
最好再去下载一个CSS中文手册，里面包括了所有CSS内容：http://cid-068a84282da5c505.skydrive.live.com/self.aspx/Docs/CSS%E4%B8%AD%E6%96%87%E5%AE%8C%E5%85%A8%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C.chm
刚写的，不知合不合你所说的。hover意思是鼠标滑过时发生的事件。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"&g