用CSS打造抽屉菜单

427 阅读 0 评论 282 点赞

我是靠谱客的博主风中钥匙，这篇文章主要介绍用CSS打造抽屉菜单，现在分享给大家，希望可以做个参考。

<!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>宜广宣传广告 </title>

p.top{ background-color:#F9E006; line-height:2;} 
   p.normal{ background:#8CC6FF url(images/common/bb_url.gif) no-repeat 10px center; margin:10px; font:16px/1.5 宋体; } 
   p.about,p.meta,p.ads{ display:none;} 
   .class1{ display:block; margin:10px 20px; background:#fff url(images/common/bb_url.gif) no-repeat 10px center; font:14px/1.5 宋体;}

</style> 
 
 </head> 
 
 <body onload=""> 
 <div id="leftside"> 
 
 首页 
 关于宣广 
  
 公司介绍 
 宣广结构 
 宣广优势 
 宣广历程 
 宣广荣誉 
 宣广团队 
 文化交流 
  
 公司新闻 
 服务项目 
 宣广媒介 
  
 独家媒体 
 其它媒体 
 快客车载 
 户外发布 
  
 成功客户 
  
 客户商标 
 成功案例 
  
 人才招聘 
 联系我们 
 
 </div>

</body> 
 
 </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]