CSS 折叠的菜单实现代码

<br /><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br /><html xmlns=”http://www.w3.org/1999/xhtml”><br /><head><br /><meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /><br /><title>CSS实现折叠的菜单</title><br /><style type=”text/css”><br />#menu { overflow:hidden; background-color:#fbfef4; width:200px; height:500px; overflow:hidden;}<br />#menu h1{margin:0px;color:#739c23; font-size:14px;}<br />#menu li { list-style:none; display:block; width:178px; border:1px solid #739c23; border-bottom-width:0px;}<br />#menu li .end{border-bottom-width:1px;}<br />#menu li a{ display:block; text-decoration:none; width:100%; padding:10px;}<br />#menu li a span{ display:none; color:#333; font-size:12px; padding:10px 0 0 0;}<br />#menu li a:hover{ background:#fff;}<br />#menu li a:hover span{ display:block; cursor: hand;}<br /></style><br /></head><br /><body><br /><ul id=”menu”><br /> <li><a href=”#”><br /> <h1>软件开发网</h1><br /> <span>为您提供精品源代码、网页特效代码等。</span></a></li><br /> </li><br /> <li><a href=”#”><br /> <h1>精品特效</h1><br /> <span>精品特应有尽有</span></a></li><br /> </li><br /> <li><a href=”#”><br /> <h1>我是传奇</h1><br /> <span>这里是内容</span></a></li><br /> </li><br /> <li><a href=”#”><br /> <h1>这是折叠标签</h1><br /> <span>这里是内容</span></a></li><br /> </li><br /></body><br /></html><br />
提示：您可以先修改部分代码再运行

CSS 折叠的菜单实现代码

H5页面使用audio标签播放音频

2345手机助手怎么下载音乐/铃声 2345手机助手下载音

靠谱助手怎么ROOT 靠谱助手一键root图文教程

js开发中的页面、屏幕、浏览器的位置原理（高度宽度）说明

安卓模拟器bluestacks安装不了解决办法

CSS填充和宽高详解

photoshop打造真人手绘图

XSplit登陆慢、无法登陆的解决办法

电子书制作排版教程

PP加速器新窗口独立视频功能