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

  • Dumb Stupid Videos

    Dumb Stupid

    26 Kasım 2013
  • Philip DeFranco

    Philip DeFra

    16 EYLÜL 2006
  • Richard Laxa

    Richard Laxa

    30 AĞUSTOS 2012