jQuery右下角旋转环状菜单特效代码

jquery实现右下角旋转环形菜单特效代码，是固定在页面右下角位置，当用户点击了主菜单按钮后，子菜单项会以环状旋转进入页面，并使用animate.css制作动画效果。效果图如下：

在线预览点击下载

超文本标记语言代码：

div class=' htmleaf-container ' div id=' ss _ menu ' div I class=' fa fa-QQ '/I/div I class=' fa fa-微博'/I/div I class=' fa-微信'/I/div I class=' fa-人人'/I/div class=' menu ' div class=' share ' id=' ss _ toggle ' data-rot=' div class=' circle '/div class=' bar '/div/div/div/div/div js代码：

$(文档)。ready(function(ev){ var toggle=$(' # ss _ toggle ')；定义变量菜单=$(' # ss _ menu ')；变种腐烂；$('#ss_toggle ').on('click '，function(ev){ rot=parsent($(this)).数据(' rot ')-180；menu.css('transform '，' rot '(' deg '))；menu.css('webkitTransform '，' rot '(' rot ' deg '))；if (rot/180 % 2==0) { toggle.parent().addCLaSS(' ss _ active ')；切换。add CLaSS(' close ')；} else { toggle.parent().移除CLaSS(' ss _ active ')；切换。移除类(“关闭”)；} $(这个)。数据(‘腐’，腐)；});菜单。on(' transition end webkitTransitionEnd otransingend '，function(){ if(rot/180% 2==0){ $(' # ss _ menu div I ').添加CLaSS(' ss _ animate ')；} else { $('#ss_menu div i ').移除CLaSS(' ss _ animate ')；} });});