SORU
19 Aralık 2008, Cuma


JQuery Div Öğesi dönen

Bir div öğesi...Bu DOM küfür olabilir döndürmek için çalışıyor, muhtemelen bir tuval elemanı iş olabilir mi? Eğer herkes bu işin nasıl olduğunu bilmek isterdim mi, değil neden herhangi bir fikir var mı emin değilim. Teşekkürler.

CEVAP
25 EYLÜL 2010, CUMARTESİ


Bir DİV döndürmek için WebkitTransform / -moz-transform: rotate(Xdeg).

Bu IE ile çalışmaz. Raphael kütüphane IE ile çalışır ve yaparit does rotation. canvases kullanır inanıyorum

Eğer rotasyon animasyon eklemek isterseniz, bir özyinelemeli kullanabilirsinizsetTimeout()

Muhtemelen jQuery ile bir tur bir parçası yapabilirsin.animate()

Senin elemanın genişliği göz önüne aldığınızdan emin olun. Görünür içeriği daha büyük bir genişliğe sahip bir döndürürseniz, alacaksınfunny results. Elemanların genişlikleri dar olabilir ancakthen rotate them.

Burada bir WordPress kullanmak bir nesne öğeleri dönen basit bir WordPress kullanmak bir parçacık. Rotatation başladı ve durdu

$(function() {
    var $elie = $(selectorForElementsToRotate);
    rotate(0);
    function rotate(degree) {

          // For webkit browsers: e.g. Chrome
        $elie.css({ WebkitTransform: 'rotate('   degree   'deg)'});
          // For Mozilla browser: e.g. Firefox
        $elie.css({ '-moz-transform': 'rotate('   degree   'deg)'});

          // Animate rotation with a recursive call
        setTimeout(function() { rotate(  degree); },5);
    }
});

jsFiddle example

Not:
Derece alıp artan, görüntüyü saat yönünde döndürün. Çevirme derecesi düşürüldüğünde resim döndürme counter clockwise.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Brandon McCrary

    Brandon McCr

    15 Ocak 2012
  • Michelle Phan

    Michelle Pha

    18 Temmuz 2006
  • TechnoBuffalo

    TechnoBuffal

    8 HAZİRAN 2007