【 tulaoshi.com - Web开发 】
自己写的个导航,感觉还不错...惟一的不足就是hack比较多,如果有简洁的方式实现,请留言告诉我...呵呵...
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)样式部分:
#headerMenu {
width:560px;
margin:30px auto;
}
.menu {
font-size:14px;
line-height:18px;
*line-height:32px;
}
.menu li {
display:inline;
}
.menu a:link,
.menu a:visited{
display:-moz-inline-stack;/*FF下有效*/
*display:inline;/*此行及下行为IE定义*/
zoom:1;
width:80px;
padding:8px 0px 6px 0px;
*padding:0;
float:left;
color:#014A99;
text-align:center;
text-decoration:none;
background:url(/files/081222/1_164717.gif);
}
.menu a:hover{
color:#FFF;
font-weight:bold;
background:url(http://img.warting.com/allimg/2010/c0502/12HO042045410-39261.jpg);
}
.home{
background:url(http://img.warting.com/allimg/2010/c0502/12HO042045410-39261.jpg)!important;
color:#FFF !important;
font-weight:bold;
}
运行查看效果:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]