<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<LINK
href="cnblogs_menu/reset.css" type=text/css
rel=Stylesheet><LINK href="cnblogs_menu/sitehome.css"
type=text/css rel=Stylesheet>
<SCRIPT src="cnblogs_menu/site.js"
type=text/javascript></SCRIPT>
</HEAD>
<BODY>
<DIV id=side_nav>
<DIV id=cate_title_block>
<DIV id=cate_title_title>
<H2 id=cate_title>分类</H2></DIV>
<UL id=cate_item>
<LI id=cate_item_1 onmouseover=cateShow(1)
onmouseout=cateHidden(1)><A class=cate_link
href="http://www.corange.cn">corange.cn</A> </LI>
<LI id=cate_item_2 onmouseover=cateShow(2) onmouseout=cateHidden(2)><A
class=cate_link onClick="return false;"
href="">网站开发代码</A> </LI>
<LI ><A
class=cate_link
href="">其他分类</A> </LI>
</UL>
<DIV class=cate_bottom></DIV>
<DIV class=cate_content_block_wrapper id=cate_content_block_1
onmouseover=cateShow(1) style="TOP: 29px" onmouseout=cateHidden(1)>
<DIV class=cate_content_top></DIV>
<DIV class=cate_content_block>
<UL class=cate_content_body>
<LI><A class=cate_link
href="http://www.corange.cn/html/corange_2_1.html">php</A> </LI>
<LI><A class=cate_link
href="http://www.corange.cn/html/corange_10_1.html">ASP.NET</A> </LI>
<LI><A class=cate_link href="">asp</A>
</LI>
</UL></DIV>
<DIV class=cate_content_bottom></DIV></DIV>
<DIV class=cate_content_block_wrapper id=cate_content_block_2
onmouseover=cateShow(2) style="TOP: 57px" onmouseout=cateHidden(2)>
<DIV class=cate_content_top></DIV>
<DIV class=cate_content_block>
<UL class=cate_content_body>
<LI><A class=cate_link href="">CSS</A>
</LI>
<LI><A class=cate_link href="">HTML</A>
</LI>
<LI><A class=cate_link href="">SQL</A>
</LI>
</UL></DIV>
<DIV class=cate_content_bottom></DIV></DIV>
</DIV>
</DIV></BODY></HTML>
如何通过CSS实现二级侧拉菜单，右侧拉开菜单，右侧展开菜单
THE END
下一篇
