首页 > 特效插件 > 导航菜单 >  css折叠菜单代码,css折叠面板正文

css折叠菜单代码,css折叠面板

特效介绍
纯css写的折叠面板插件
纯css写的折叠面板插件

css折叠菜单代码,css折叠面板插件,兼容IE6+。
使用方法
1、在head引入menu.css文件

2、在body引入下面的html代码:
<div id="dlmenu">
	<ul id="menu">
		<li>
			<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
			<dl class="gallery">
				<dt><a href="###">DEMOS</a></dt>
				<dd><a href="###" title="The zero dollar ads page">zero dollars</a></dd>
				<dd><a href="###" title="Wrapping text around images">wrapping text</a></dd>
				<dd><a href="###" title="Styling forms">styled form</a></dd>
				<dd><a href="###" title="Removing active/focus borders">active focus</a></dd>
				<dd><a href="###" title="Multi-position drop shadow">shadow boxing</a></dd>
				<dd><a href="http://www.5imoban.net/cssmoban/" title="静态网页模板">静态网页模板</a></dd>
				<dd><a href="###" title="fun with background images">fun with backgrounds</a></dd>
				<dd><a href="###" title="fade-out scrolling">fade scrolling</a></dd>
				<dd><a href="###" title="em size images compared">em sized images</a></dd>
			</dl>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li>
		<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
		<dl class="gallery">
			<dt><a href="###">MENUS</a></dt>
			<dd><a href="###" title="a coded list of spies">spies menu</a></dd>
			<dd><a href="###" title="a horizontal vertical menu">vertical menu</a></dd>
			<dd><a href="###" title="an enlarging unordered list">enlarging list</a></dd>
			<dd><a href="http://www.5imoban.net/cssmoban/" title="静态网页模板">静态网页模板</a></dd>
			<dd><a href="###" title="non-rectangular links">non-rectangular links</a></dd>
			<dd><a href="###" title="jigsaw links">jigsaw links</a></dd>
			<dd><a href="###" title="circular links">circular links</a></dd>
		</dl>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li>
		<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
		<dl class="gallery">
			<dt><a href="###">LAYOUTS</a></dt>
			<dd><a href="###" title="Cross browser fixed layout">Fixed 1</a></dd>
			<dd><a href="###" title="Cross browser fixed layout">Fixed 2</a></dd>
			<dd><a href="http://www.5imoban.net/cssmoban/" title="静态网页模板">静态网页模板</a></dd>
			<dd><a href="###" title="Cross browser fixed layout">Fixed 4</a></dd>
			<dd><a href="###" title="A simple minimum width layout">minimum width for Internet Explorer</a></dd>
		</dl>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li>
		<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
		<dl class="gallery">
			<dt><a href="###">MOZILLA</a></dt>
			<dd><a href="###" title="A drop down menu">drop down menu</a></dd>
			<dd><a href="###" title="A cascading menu">cascading menu</a></dd>
			<dd><a href="###" title="Using content:">content:</a></dd>
			<dd><a href="###" title=":hover applied to a div">mozzie box</a></dd>
			<dd><a href="###" title="I can build a rainbow">rainbow box</a></dd>
			<dd><a href="http://www.5imoban.net/cssmoban/" title="静态网页模板">静态网页模板</a></dd>
			<dd><a href="###" title="Target Practise">target practise</a></dd>
		</dl>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
	</ul>
</div>
3、修改里面的地址。