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

  • LearnCode.academy

    LearnCode.ac

    20 Aralık 2012
  • Semantic Mastery

    Semantic Mas

    30 EKİM 2013
  • theatre2film

    theatre2film

    12 NİSAN 2006