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);
}
});
});