jQuery的右下角旋转菜单的特殊代码

jQuery的右下角旋转菜单的特殊代码
jQuery实现了右下角旋转循环菜单特效代码,它固定在页面的右下角。用户点击主菜单按钮时,子菜单项将环插入页面,并使用animate.css创建动画效果。

结果如下:

在线预览点击下载

HTML代码:


JS代码:

$(文档)Ready(函数(EV){)
VaR(#切换=美元ss_toggle);
菜单= $(# ss_menu);
VaR的腐;
$(# ss_toggle '),(听到咔哒声,功能(EV){ {)
腐= parseInt($(this)。数据('rot '))- 180;
Menu.css('transform ','rotate(+腐+ 'deg));
Menu.css('webkittransform ','rotate(+腐+ 'deg));
如果(180%腐 2 = 0){
toggle.parent()AddClass('ss_active);
Toggle.addClass('关闭');
{人}
toggle.parent()RemoveClass('ss_active);
Toggle.removeClass('关闭');
}
$(这)。数据('rot,腐);
});
Menu.on ('transitionend webkitTransitionEnd oTransitionEnd', function () {()
如果(180%腐 2 = 0){
$(# ss_menu div我)。AddClass('ss_animate);
{人}
$(# ss_menu div我)。RemoveClass('ss_animate);
}
});
});
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部