Hoạt ảnh CSS3 trong IE8/9

Question

Tôi hiểu rằng hoạt ảnh CSS3 không hoạt động trong IE. Tôi đã chỉ tự hỏi nếu có một cách giải quyết JavaScript cho vấn đề này.

Dưới đây là một liên kết đến những gì tôi muốn tạo trong IE: http://animation.kashoo.co.uk/

Lời khuyên nào sẽ là tuyệt vời.

Answer 1

Có nhiều plugin JQuery cung cấp hình động. Đây là một trong đó có một hiệu ứng lật tương tự như một trong những bạn đang tìm kiếm. http://lab.smashup.it/flip/

Answer 2

Kiểm tra chức năng Animate của jQuery:

Answer 3

Sau khi tìm kiếm trên Google nhanh chóng tôi tìm thấy một plugin jQuery rằng những thay đổi của jQuery chuẩn $ .animate) chức năng (do đó nó sẽ sử dụng hiệu ứng chuyển tiếp CSS3 bất cứ khi nào có thể:

$.animate-enhanced

chỉnh sửa:

Sau khi thử plugin ở trên trên trang web của tôi, trang web đã bị hỏng. Tôi không chắc chắn nếu bạn sẽ có cùng một vấn đề hay không, nhưng đây là cách giải quyết của tôi:

Bạn sẽ cần Modernizr.js

Về cơ bản, bạn kiểm tra (với Modernizr) xem trình duyệt hỗ trợ một tính năng cho và sau đó quyết định xem có hoạt ảnh với CSS3 hoặc Javascript hay không.

Ví dụ:

(Hãy nói rằng bạn là hình ảnh động một đối tượng để di chuyển sang bên phải bằng 200px)

if(Modernizr.csstransitions) { 
    // use your appropriate browser prefixes 
    yourDomObject.style.transition = 'left 2s'; 
    yourDomObject.style.left = parseInt(yourDomObject.style.left) + 200 + 'px' 

} else { 

    var left = parseInt($(yourDomObject).css('left')) + 200 + 'px'; 
    $(yourDomObject).animate({ 
     'left' : left 
    },2000,'easeOutExpo'); 
}