Javascript ile sözde öğe dönüşüm stili değeri nasıl alınır?

Question

Durum:

div.xy:hover { 
    transform: all rotate(360deg); 
    -moz-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg); 
    -o-transform: rotate(360deg); 
} 

Soru: görüntüleyebilir ve değiştirebilirsiniz bununla
Ben almak gerekir. Beni 360'a götüren yol hakkında yardıma ihtiyacınız var.
Herhangi bir fikir var mı?

Answer 1

WebKit tarayıcılarında document.getElementById('XYZ').style.WebkitTransform'un "rotate(360deg)" döndüreceğine inanıyorum. Opera için IE9 +, style.OTransform için Firefox 3.1+, style.msTransform için style.MozTransform kullanın.

Kaynak: http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html

fare olaylarla elemanı bağlamak için:

var e = document.getElementById('test') // Your div ID 

e.onmouseover = function(){ 
    var degree = 360; // Rotation on :hover 
    e.style.WebkitTransform = 'rotate(' + degree + 'deg)'; 
    e.style.MozTransform = 'rotate(' + degree + 'deg)'; 
    e.style.OTransform = 'rotate(' + degree + 'deg)'; 
    e.style.msTransform = 'rotate(' + degree + 'deg)'; 
    e.style.transform = 'rotate(' + degree + 'deg)'; 
} 
e.onmouseout = function(){ 
    var degree = 0; // Initial rotation 
    e.style.WebkitTransform = 'rotate(' + degree + 'deg)'; 
    e.style.MozTransform = 'rotate(' + degree + 'deg)'; 
    e.style.OTransform = 'rotate(' + degree + 'deg)'; 
    e.style.msTransform = 'rotate(' + degree + 'deg)'; 
    e.style.transform = 'rotate(' + degree + 'deg)'; 
} 

O jQuery ile basit olabilir, ancak JavaScript kökleri bilmek lazım!

Answer 2

mısın ihtiyaç jQuery konum ama aradığınız şey olabilir ....

$(document).ready(function(){ 

$(".xy:hover").css("transform") 


}); 

Bu dize olarak değeri döndürür. Muhtemelen 360deg ya da herşeyi iade edip etmediğini kontrol etmelisiniz. Hem jQuery hem de CSS için div'u bırakın. JQuery için daha hızlı ve CSS olarak değil, özgüllük eklemez.