我找到了有关如何使用 JQuery 旋转 div 的链接。
Rotating a Div Element in jQuery还有一些文章。
代码如下
$(function() {
var $elie = $("#wheel");
rotate(0);
function rotate(degree) {
// For webkit browsers: e.g. Chrome
$elie.css({
WebkitTransform : 'rotate(' + degree + 'deg)'
});
// For Mozilla browser: e.g. Firefox
$elie.css({
'-moz-transform' : 'rotate(' + degree + 'deg)'
});
$elie.css({
'-ms-transform' : 'rotate(' + degree + 'deg)'
});
// Animate rotation with a recursive call
setTimeout(function() {
rotate(++degree);
}, 5);
}
});
谁能帮我把这段代码扩展到像方向盘一样随机顺时针和逆时针旋转一个元素
最佳答案
您可以扩展 jQuery.animate() 来创建类似这样的东西 jsfiddle
$.fx.step['degree']=function(fx){
if(! fx.deg){
fx.deg=0;
if($(fx.elem).data("degree")){
fx.deg=$(fx.elem).data("degree")
}
}
$(fx.elem).css({"WebkitTransform":"rotate("+Math.floor(fx.deg+(fx.end*fx.pos))+"deg)","-moz-transform":"rotate("+Math.floor(fx.deg+(fx.end*fx.pos))+"deg)","-ms-transform":"rotate("+Math.floor(fx.deg+(fx.end*fx.pos))+"deg)"});
$(fx.elem).data("degree",Math.floor(fx.deg+(fx.end*fx.pos))); }
关于JQuery-顺时针和逆时针旋转一个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16464549/