javascript - 图像从左到右的淡入淡出效果

Question

我有淡入淡出效果结构。具有以下内容：

  <img src='firstStar.jpg' alt='star image' id='firstStar' />

    var loopImages = function(){

         $('#firstStar').fadeIn(1500, function(){

                   $('#firstStar').fadeOut(1500, loopImages);           
         });
    }
    loopImages();

它正在工作。但我想，这种效果从左到右。是否可以？

Answer 1

你可以试试这个，我以前在我以前的项目中使用过它。

http://jonobr1.github.com/diagonalFade/

希望它符合您的需求。

问候。

Answer 2

你可以尝试这样的事情animate

$(document).ready(function(){
    $("#firstStar").animate({left:200, opacity:"show"}, 1500);
});

确保 div 最初是隐藏的 (style="display:none;")。

Answer 3

通过'但我想要，这种效果从左到右'，你的意思是指这个吗？

http://www.oik-plugins.com/wordpress-plugins-from-oik-plugins/wordpress-plugins/oik-nivo-slider/nivo-settings/nivo-slider-transition-effects/nivo-slider-effectslicedownright/

如果是，那么您可以使用名为 as 的效果sliceDownRight。