网(LieHuo.Net)教程 这个是用纯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><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>CSS实现鼠标触发展开折叠的精美菜单 - LIEHUO.NET</title><style type="text/css">#menu { overflow:hidden; background-color:#fbfef4; width:200px; height:500px; overflow:hidden;}#menu h1{margin:0px;color:#739c23; font-size:14px;}#menu li { list-style:none; display:block; width:178px; border:1px solid #739c23; border-bottom-width:0px;}#menu li .end{border-bottom-width:1px;}#menu li a{ display:block; text-decoration:none; width:100%; padding:10px;}#menu li a span{ display:none; color:#333; font-size:12px; padding:10px 0 0 0;}#menu li a:hover{ background:#fff;}#menu li a:hover span{ display:block; cursor: hand;}</style></head><body><ul id="menu"><li><a href="#" _fcksavedurl="#"><h1>站长网</h1><span>LIEHUO.NET为您提供站长教程、网页设计、源码资源等。</span></a></li></li><li><a href="#" _fcksavedurl="#"><h1>站长工具</h1><span>站长所需要的各类工具特应有尽有！</span></a></li></li><li><a href="#" _fcksavedurl="#"><h1>论坛</h1><span>菜鸟级IT技术交流社区！</span></a></li></li><li><a href="#" _fcksavedurl="#"><h1>这是折叠标签</h1><span>这里是内容</span></a></li></li></body></html><br /><center>网更多教程，请访问：<a href=http://www.wfuyu.com/ target=_blank _fcksavedurl="http://www.wfuyu.com/ target=_blank">http://www.wfuyu.com/</a></center>提示：可修改后代码再运行!
上一篇 论策系列教程：站长撰写软文的五大禁忌
下一篇 JavaScript 异步方法队列链