当前位置：首页 > 网页特效 > 导航菜单

一款CSS3手风琴Accordion菜单

分类：导航菜单日期：2024-05-14 点击(3) 评论(0)

简介

页面结构代码如下：
```html
<ul class="accordion">
<li id="one" class="files"> <a href="#one">Jquery学堂495</a>
 <ul class="sub-menu">
	<li><a href="http://www.jq-school.com">01Dropbox42</a></li>
	<li><a href="http://www.jq-school.com">02Skydrive87</a></li>
	<li><a href="http://www.jq-school.com">03FTP Server366</a></li>
 </ul>
</li>
<li id="two" class="mail"> <a href="#two">Mail26</a>
 <ul class="sub-menu">
	<li><a href="http://www.jq-school.com">01Hotmail9</a></li>
	<li><a href="http://www.jq-school.com">02Yahoo14</a></li>
	<li><a href="http://www.jq-school.com">03Gmail3</a></li>
 </ul>
</li>
<li id="three" class="cloud"> <a href="#three">Cloud58</a>
 <ul class="sub-menu">
	<li><a href="http://www.jq-school.com">01Connect12</a></li>
	<li><a href="http://www.jq-school.com">02Profiles19</a></li>
	<li><a href="http://www.jq-school.com">03Options27</a></li>
 </ul>
</li>
<li id="four" class="sign"> <a href="#four">Sign Out</a>
 <ul class="sub-menu">
	<li><a href="http://www.jq-school.com">01Log Out</a></li>
	<li><a href="http://www.jq-school.com">02Delete Account</a></li>
	<li><a href="http://www.jq-school.com">03Freeze Account</a></li>
 </ul>
</li>
</ul>
```

web299.com

一款CSS3手风琴Accordion菜单

简介

html5浪漫粒子表白文字特效

SlidesJS幻灯片特效

html5瀑布流相册特效

css3 svg实现的情人节表白鲜花动画特效

t-scroll.js基于ES6的DOM元素,过渡动画库插件

纯js写省市区三级联动效果