这是一款使用jquery和CSS3制作的带弹性动画效果的工具栏菜单特效。该工具栏菜单默认只显示一个圆形按钮,单点击按钮时,子菜单项会以弹性动画展开,效果非常炫酷。
使用方法
<link rel="stylesheet" href="css/font-awesome.min.css"> <script src="path/to/jquery.min.js"></script>
初始化插件
在页面DOM元素加载完毕之后,通过下面的jquery代码来打开和关闭工具栏菜单。
$( ".button" ).click(function() { $(this).toggleClass( "active" ); $(".icons").toggleClass( "open" ); });