懒人之家--可能是JS网页特效代码收集最全的懒站!

jQuery+CSS3弹性工具栏伸缩菜单代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-06-16
jQuery+CSS3弹性工具栏伸缩菜单代码是一款效果不错的默认只显示一个圆形按钮,单点击按钮时,子菜单项会以弹性动画展开显示二级图标导航的网页特效。


js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$( ".button" ).click(function() {
	  $(this).toggleClass( "active" );
	  $(".icons").toggleClass( "open" );
	});
</script>