css抽屉菜单

最新推荐文章于 2024-06-21 09:56:36 发布

转载最新推荐文章于 2024-06-21 09:56:36 发布 · 309 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaojiangjiang/archive/2007/06/07/updown.html

文章标签：

#xhtml #javascript #ViewUI

本文展示了一个简单的网站导航结构示例，该结构使用HTML和CSS实现，并通过JavaScript控制显示隐藏的子菜单项。适用于初学者了解基本网页布局及交互设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">

<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">

<head>

<title>宜广宣传广告 </title>

#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>

<!--

shq=

{};

shq.$=function(o)

{return typeof(o)=='string'?document.getElementById(o):o}

//-->

</script>

</head>

</div>

</div>

</body>

</html>

转载于:https://www.cnblogs.com/xiaojiangjiang/archive/2007/06/07/updown.html