需要Jquery代码来旋转整个div

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

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

谢谢

总统府

Answer 1

这是因为rotate()不是jquery对象的标准方法。 如果您使用此插件rember在使用之前包含该插件

Answer 2

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

基本上，你可以做的是在你的CSS中创建一个旋转东西的类，然后用jQuery将该类添加到你的元素中。

CSS：

 .rotate { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } 

jQuery的：

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

或者，但我不会朝这个方向发展，有很多插件能够为jQuery添加旋转支持。

Answer 3

而是使用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; }