|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
<htmlxmlns="http://www.w3.org/1999/xhtml"lang="zh-CN"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>CSS菜单演示</title><styletype="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;}#nava{display:block;width:80px;text-align:center;}#nava:link{color:#666;text-decoration:none;}#nava:visited{color:#666;text-decoration:none;}#nava:hover{color:#FFF;text-decoration:none;font-weight:bold;}#navli{float:left;width:80px;background:#CCC;}#navlia:hover{background:#999;}#navliul{line-height:27px;list-style-type:none;text-align:left;left:-999em;width:180px;position:absolute;}#navliulli{float:left;width:180px;background:#F6F6F6;}#navliula{display:block;width:156px;text-align:left;padding-left:24px;}#navliula:link{color:#666;text-decoration:none;}#navliula:visited{color:#666;text-decoration:none;}#navliula:hover{color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;}#navli:hoverul{left:auto;}#navli.sfhoverul{left:auto;}#content{clear:left;}--></style><scripttype=text/javascript><!--//--><![CDATA[//><!--functionmenuFix(){varsfEls=document.getElementById("nav").getElementsByTagName("li");for(vari=0;i<sfEls.length;i++){sfEls.onmou搜索引擎优化ver=function(){this.className+=(this.className.length>0?"":"")+"sfhover";}sfEls.onMouseDown=function(){this.className+=(this.className.length>0?"":"")+"sfhover";}sfEls.onMouseUp=function(){this.className+=(this.className.length>0?"":"")+"sfhover";}sfEls.onmou搜索引擎优化ut=function(){this.className=this.className.replace(newRegExp("(?|^)sfhover//b"),"");}}}window.onload=menuFix;//--><!]]></script></head><body><ulid="nav"><li><ahref="#">产物先容</a><ul><li><ahref="#">产物一</a></li><li><ahref="#">产物一</a></li><li><ahref="#">产物一</a></li><li><ahref="#">产物一</a></li><li><ahref="#">产物一</a></li><li><ahref="#">产物一</a></li></ul></li><li><ahref="#">服务先容</a><ul><li><ahref="#">服务二</a></li><li><ahref="#">服务二</a></li><li><ahref="#">服务二</a></li><li><ahref="#">服务二服务二</a></li><li><ahref="#">服务二服务二服务二</a></li><li><ahref="#">服务二</a></li></ul></li><li><ahref="#">乐成案例</a><ul><li><ahref="#">案例三</a></li><li><ahref="#">案例</a></li><li><ahref="#">案例三案例三</a></li><li><ahref="#">案例三案例三案例三</a></li></ul></li><li><ahref="#">关于我们</a><ul><li><ahref="#">我们四</a></li><li><ahref="#">我们四</a></li><li><ahref="#">我们四</a></li><li><ahref="#">我们四111</a></li></ul></li><li><ahref="#">在线演示</a><ul><li><ahref="#">演示</a></li><li><ahref="#">演示</a></li><li><ahref="#">演示</a></li><li><ahref="#">演示演示演示</a></li><li><ahref="#">演示演示演示</a></li><li><ahref="#">演示演示</a></li><li><ahref="#">演示演示演示</a></li><li><ahref="#">演示演示演示演示演示</a></li></ul></li><li><ahref="#">接洽我们</a><ul><li><ahref="#">接洽接洽接洽接洽接洽</a></li><li><ahref="#">接洽接洽接洽</a></li><li><ahref="#">接洽</a></li></p>12下一页
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。 |
|