4

要素の左上隅に配置したハンドル(handle=>div) を使用して要素(任意の要素 div、p ..)を回転させようとしていますが、要素が 360 度完全に回転しないことが問題です。 、誰でも助けてください：

$("#elementid").live('mouseover', function () {
    $(this).draggable({ handle: "#handleid", drag: function (event, ui) {
        var rotateCSS = 'rotate(' + ui.position.left + 'deg)';
        alert(ui.position.left);
        $(this).parent().parent().css({
            '-moz-transform': rotateCSS,
            '-webkit-transform': rotateCSS
        });
    }
    });
});
4

2 に答える 2

3

これらは同じカテゴリのstackoverflowの質問です

divを回転させる方法

css3変換コマンドを制御するjQueryでdiv要素を回転させようとしています

jQuery での Div 要素の回転

jQueryを使用してdivを回転させる方法

その素晴らしい2番目のリンクを見てください

ライブ ローテーションとその他の CSS デモ ブリリアン http://css3please.com/

正確にはこれを見てください

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

アップデート：

http://css3please.com/のページの真ん中にあるこの素晴らしい追加に注意してください

コードをライブで生成したいものは何でも操作できます

于 2012-06-06T05:55:21.383 に答える
1

Jqueryのrotateで回転できます。次の例を確認してください。

$(img).css('-moz-transform', 'rotate(' + 度 + '度)');

$(img).css('-webkit-transform', 'rotate(' + 度 + '度)');

$(img).css('-o-transform', 'rotate(' + 度 + '度)');

$(img).css('-ms-transform', 'rotate(' + 度 + '度)');

$(img).css('transform', 'rotate(' + 度 + '度)');

CSS Matrix Rotationも参照できます

于 2012-06-06T06:22:17.243 に答える