使用具有特定程度的jQuery旋轉DIV？

可能重複：
Rotating a Div Element in jQuery 使用具有特定程度的jQuery旋轉DIV？

我將如何旋轉DIV和裏面的所有元素使用jQuery在一定程度上？喜歡而不只是90,180等。我可以將它設置爲88.

2011-04-04 Earl Larson

也許，但我的具體是看看你是否可以將div旋轉到特定的程度。我知道如何旋轉一個像實心90度的div，但我想要一個不同的數字。 – 2011-04-04 02:39:59

請參閱[這是重複的問答]（http://stackoverflow.com/q/382591/331508）。答案顯示旋轉到任意角度的方法。 – 2011-04-04 03:01:58

下面是現代瀏覽器的CSS

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

（ 通過jQuery的爲你的情況應用）的代碼

看看transform^docs屬性

來源

2011-04-04 02:42:27

是的，除了每個人都暗示這個沒有提到的是，當文本旋轉時，文本看起來像垃圾。我使用Arial字體，當它使用ms轉換進行旋轉時，它將失去所有的抗鋸齒功能。 – 2013-03-30 15:09:26

在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")做多嬌滴滴。

來源

2011-04-04 02:35:14 Amadan

http://www.tumblr.com/theme/433轉到該鏈接，看看右上角的徽章。 – 2011-04-04 02:37:41

如果不是在JQuery那麼我可以用純JavaScript來做到嗎？ – 2011-04-04 02:40:39

您不需要JavaScript或jQuery，除非您希望它被動態設置。如果它只是一個靜態頁面，那麼CSS就足夠了。 – Amadan 2011-04-04 02:45:12

我認爲這是你最好的拍攝是使用CSS，然後使用jQuery切換出正被應用於對象一樣，你可以在這裏看到的CSS類：http://answers.oreilly.com/topic/1004-how-to-rotate-an-image-with-css/

祝你好運，

CEC

來源

2011-04-04 02:42:23

使用出色的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。

來源

2011-04-04 02:51:41 Hussein

該插件不旋轉DIV，只有IMG – ZolaKt 2011-05-03 22:00:13

使用具有特定程度的jQuery旋轉DIV？

回答

相關問題