易网时代-编程资源站
Welcome
首页
/
脚本样式
/
CSS
/
用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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="author" content="" /> <meta name="subject" content="" /> <meta name="language" content="en" /> <meta name="keywords" content="" /> <style type="text/css">#leftside{ float:left; background-color:#00468C; width:150px; margin:0 auto; text-align:center; padding:10px 0;}#leftside.show_about p.about{ display:block;}#leftside.meta p.meta{ display:block; }#leftside.ads p.ads{ display:block;}#leftside a{ display:block;}#leftside a{ text-decoration:none; color:black;}#leftside a:hover{ background:#FFD7EB url（images/common/bb_url.gif） no-repeat 10px center; }#leftside .class1 a:hover{ background:#FFD7EB url（images/common/bb_url.gif） no-repeat 10px center;}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> <script language="JavaScript" type="text/javascript"></script> </head> <body onload=""><p class="top"> <br/><p class="normal">首页<br/><p class="normal" onclick="shq.$（"leftside"）.className=shq.$（"leftside"）.className==""？"show_about":""">关于宣广<br/><p class="about class1">公司介绍<br/><p class="about class1">宣广结构<br/><p class="about class1">宣广优势<br/><p class="about class1">宣广历程<br/><p class="about class1">宣广荣誉<br/><p class="about class1">宣广团队<br/><p class="about class1">文化交流<br/><p class="normal">公司新闻<br/><p class="normal">服务项目<br/><p class="normal" onclick="shq.$（"leftside"）.className=shq.$（"leftside"）.className==""？"meta":""">宣广媒介<br/><p class="meta class1">独家媒体<br/><p class="meta class1">其它媒体<br/><p class="meta class1">快客车载<br/><p class="meta class1">户外发布<br/><p class="normal" onclick="shq.$（"leftside"）.className=shq.$（"leftside"）.className==""？"ads":""">成功客户<br/> <p class="ads class1">客户商标<br/><p class="ads class1">成功案例<br/><p class="normal">人才招聘<br/><p class="normal">联系我们<br/></body></html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站