javascript - 将 CSS3 动画转换为 JQuery 以便在 IE8 及以上版本中使用

Question

我发布了一个this question昨天，经过与 IE8 的 5 个或更多小时的斗争，只是为了在转换发生之前隐藏覆盖文本，我决定解决这个问题的唯一方法是将它转换为 JQuery。我有一个 css 动画，我需要将其更改为 jquery 或 javascript，因为 IE8 在 hover 发生之前显示覆盖文本。因为 CSS 很长，所以我做了这个 JSFiddle . css 转换发生在第 25 行和第 44 行。

Answer 1

好了，您可以根据需要修改数字。我没有 IE，所以无法测试，但应该不错:

$(".cascade-t1").hover(function(){
    $(".cascade-corner").fadeOut();
    $(".overlay-t1").animate({"left": "-300px"}, 300, function(){
        $(".cascade-overlay-content").fadeIn(200);    
    });


}, function(){

   $(".cascade-corner").fadeIn();
   $(".cascade-overlay-content").fadeOut(200, function(){
       $(".overlay-t1").animate({"left": "130px"}, 300);    
    });

});

JSFIDDLE