以下为引用的内容 :
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
<!-- *{marge :0 ;padding :0;bordure :0;}
corps {
famille de polices : arial, 宋体, serif ;
taille de police : 12 px ;
}
#nav {
hauteur de ligne : 24 px ; type de style de liste : aucun ; arrière-plan : #666 ;
}
#nav un {
affichage : bloc ; largeur : 80px ; texte-align:centre;
} #nav a:lien {
couleur : #666 ; décoration de texte : aucune ;
}
#nav a:visité {
couleur : #666 ; décoration de texte : aucune ;
}
#nav a: survolez {
couleur : #FFF ; décoration de texte : aucune ; poids de police : gras ;
} #nav li {
flotteur : gauche ; largeur : 80px ; arrière-plan :#CCC ;
}
#nav li a:survoler{
arrière-plan : #999 ;
}
#nav li ul {
hauteur de ligne : 27 px ; type de style de liste : aucun ; text-align : gauche ;
gauche : -999em ; largeur : 180 px ; position : absolue ;
}
#nav li ul li{
flotteur : gauche ; largeur : 180 px ;
arrière-plan : #F6F6F6 ;
}
#nav li ul a{
affichage : bloc ; largeur : 156 px ; alignement du texte : gauche ; padding-gauche : 24 px ;
}
#nav li ul a:lien {
couleur : #666 ; décoration de texte : aucune ;
}
#nav li ul a:visité {
couleur : #666 ; décoration de texte : aucune ;
}
#nav li ul a:hover {
couleur : #F3F3F3 ; décoration du texte : aucune ; poids de la police : normal ;
arrière-plan : #C00 ;
} #nav li:survolez ul {
à gauche : automatique ;
}
#nav li.sfhover ul {
à gauche : automatique ;
}
#contenu {
clair : gauche ;
}
-->
</style>
<script type=text/javascript><!--//--><![CDATA[//><!--
fonction menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
pour (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=fonction() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=fonction() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"), "");
}
}
}
window.onload=menuFix; //--><!]]></script> </tête>
<corps>
<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> </corps>
</html>
| 