Question

可能重复：
Rotating a Div Element in jQuery

如何使用jQuery将DIV和内部所有元素旋转到一定程度？喜欢而不仅仅是90,180等。我可以将其设置为88。

Answer 1

以下是使用CSS的现代浏览器的代码（通过jquery为您的案例应用）

$('#divID').css({
     '-moz-transform':'rotate(88deg)',
     '-webkit-transform':'rotate(88deg)',
     '-o-transform':'rotate(88deg)',
     '-ms-transform':'rotate(88deg)',
     'transform':'rotate(88deg)'
});

查看transform ^docs属性

Answer 2

在HTML中，您不能 - 不支持与水平和垂直不同的文本方向。如果嵌入SVG，则可以在那里进行文本轮换。它与jQuery限制无关，它只是HTML的工作方式。

编辑：嗯。凉。 TIL。

好的，那就做他们做的事情：将CSS设置为：

transform: rotate(88deg);
-webkit-transform: rotate(88deg);
-moz-transform: rotate(88deg);

你可以用

完成

$(element).css({ "transform": "rotate(88deg)", "-webkit-transform": "rotate(88deg)", "-moz-transform": "rotate(88deg)" });

或者通过将其填充到类中并调用$(element).addClass("myObliqueClass")来更好地做到这一点。

Answer 3

我认为你最好的方法就是使用CSS，然后使用jquery来切换正在应用于对象的css类，如下所示：http://answers.oreilly.com/topic/1004-how-to-rotate-an-image-with-css/

祝你好运，

CEC

Answer 4

使用优秀的jQuery Rotate插件。 http://code.google.com/p/jqueryrotate/。它受到所有主流浏览器的支持

* Internet Explorer 6.0 >
* Firefox 2.0 >
* Safari 3 >
* Opera 9 >
* Google Chrome

要旋转图像，您需要做的就是$('#myImage').rotate(30) //for a 30 degree rotation 其中#myImage是您要旋转的元素的ID。

使用具有特定度数的jQuery旋转DIV？

4 个答案: