鼠标指向出现英文提示的CSS导航菜单网页代码站(www.webdm.cn)

<! 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" >
< head >
< title > 鼠标指向出现英文提示的CSS导航菜单网页代码站(www.webdm.cn) </ title >
< style >
/* www.webdm.cn */
body {
margin : 0 ;
padding : 0 ;
font-size : 12px ;
}
*
{
margin : 0 ;
padding : 0 ;
text-align : left ;
color : #0066cc ;
font-family : "宋体",Tahoma, Verdana ;
}
a {
color : #9196A0 ;
}
a:link {
text-decoration : none
}
a:visited {
text-decoration : none
}
a:hover {
text-decoration : underline ;
color : #81BC06
}
#nav {
height : 100% ;
overflow : hidden ;
list-style : none ;
margin : 0 auto ;
width : 798px
}
#nav li {
float : left ;
font-weight : bold ;
height : 60px ;
background : url(http://www.webdm.cn/images/20090910/navbg.png) #fff repeat-x left bottom ;
padding : 0
}
#nav a {
text-align : center ;
padding-top : 20px ;
display : block ;
height : 40px ;
line-height : 40px ;
}
#nav li a.one { width : 80px ; }
#nav li a.two { width : 80px ; }
#nav li a.three { width : 80px ; }
#nav li a.four { width : 80px ; }
#nav li a.five { width : 100px ; }
#nav li a.six { width : 106px ; }
#nav li a.seven { width : 100px ; }
#nav li a.eight { width : 80px ; }
#nav li a.nine { width : 92px ; }

#nav li a:hover.one { background : url(http://www.webdm.cn/images/20090910/navunbg.gif) no-repeat -8px 0 }
#nav li a:hover.two { background : url(http://www.webdm.cn/images/20090910/navunbg.gif) no-repeat -8px -60px }
#nav li a:hover.three { background : url(http://www.webdm.cn/images/20090910/navunbg.gif) no-repeat -8px -120px }
#nav li a:hover.four { background : url(http://www.webdm.cn/images/20090910/navunbg.gif) no-repeat -8px -180px }
#nav li a:hover.five { background : url(http://www.webdm.cn/images/20090910/navunbg.gif) no-repeat 4px -240px }
#nav li a:hover.six { background : url(http://www.webdm.cn/images/20090910/navunbg.gif) no-repeat 8px -300px }
#nav li a:hover.seven { background : url(http://www.webdm.cn/images/20090910/navunbg.gif) no-repeat 4px -360px }
#nav li a:hover.eight { background : url(http://www.webdm.cn/images/20090910/navunbg.gif) no-repeat -8px -420px }
#nav li a:hover.nine { background : url(http://www.webdm.cn/images/20090910/navunbg.gif) no-repeat 0 -480px }


</ style >
</ head >

< body >
< p > &nbsp; </ p >
< ul id ="nav" >
< li >< a href ="http://www.webdm.cn" class ="one" > 网页代码站 </ a ></ li >
< li >< a href ="#" class ="two" > 关于我们 </ a ></ li >
< li >< a href ="#" class ="three" > 行业资讯 </ a ></ li >
< li >< a href ="http://www.webdm.cn" class ="four" > 产品服务 </ a ></ li >
< li >< a href ="#" class ="five" > 服务专区 </ a ></ li >
< li >< a href ="#" class ="six" > 经典案例 </ a ></ li >
< li >< a href ="http://www.webdm.cn" class ="seven" > 网站帮助 </ a ></ li >
< li >< a href ="#" class ="eight" > 意见反馈 </ a ></ li >
< li >< a href ="http://www.webdm.cn" class ="nine" > 联系我们 </ a ></ li >
</ ul > <!-- nav end -->
< br >
< p >
< a href ="http://www.webdm.cn" > 网页代码站 </ a > - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！ </ p >

文章来自：http://www.webdm.cn/webcode/0f32e87d-47ee-42c4-8ad2-85a2570ff84b.html

 

转载于:https://www.cnblogs.com/webdm/archive/2011/01/04/1925148.html