需要Jquery代码来旋转整个div

我有一套菜单。我需要垂直旋转（-90度）。现在我有一些代码，但它现在不工作。帮帮我

   $(document).ready(function() {
              $('#tabs').rotate(-90);
              });

谢谢

---

Bhavan

这是因为

rotate（）

不是jquery对象的标准方法。如果您正在使用

---

plugin记住，在使用它之前，可以使用CSS3的转换规则旋转东西，这些规则是特定于浏览器的（即使它们具有相同的语法）。 出于这个原因，jQuery团队决定在它成为标准之前不处理它

因此，基本上，您可以在CSS中创建一个类来旋转对象，然后使用jQuery将该类添加到元素中

CSS:

jQuery：

$(document).ready(function(){
    $('.foo').addClass('rotate');
}):

---

或者，但我不想讨论这个方向，有很多插件能够向jQuery添加旋转支持。

相反，使用jQuery旋转它，为什么不向它添加一个类呢？然后，在样式表中，为该类创建一个新规则来旋转元素

下面的CSS应该可以帮助您开始

.box_rotate {
 -webkit-transform: rotate(90deg);  /* Saf3.1+, Chrome */
     -moz-transform: rotate(90deg);  /* FF3.5+ */
      -ms-transform: rotate(90deg);  /* IE9 */
       -o-transform: rotate(90deg);  /* Opera 10.5 */
          transform: rotate(90deg);  
             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ 
                     M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, sizingMethod='auto expand');
               zoom: 1;
}

---

你说的旋转是什么意思？比如，把里面的文字和东西倒过来/侧着？可能是我做的一组水平菜单的复制品。但现在我需要做垂直的。这就是为什么我更喜欢jqueryIt，它工作得很好，但是IE7和IE8看起来不太好（有些扩展和缩放）。你能发送ie7和ie8的代码吗

.box_rotate {
 -webkit-transform: rotate(90deg);  /* Saf3.1+, Chrome */
     -moz-transform: rotate(90deg);  /* FF3.5+ */
      -ms-transform: rotate(90deg);  /* IE9 */
       -o-transform: rotate(90deg);  /* Opera 10.5 */
          transform: rotate(90deg);  
             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ 
                     M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, sizingMethod='auto expand');
               zoom: 1;
}