图像从左到右的淡入淡出效果答案

【问题标题】：Fade effect left to right on a image图像从左到右的淡入淡出效果
【发布时间】：2012-12-21 00:14:11
【问题描述】：

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

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

    var loopImages = function(){

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

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

它正在工作。但我想，这种效果从左到右。有可能吗？

【问题讨论】：

你的意思是它应该在左侧逐渐褪色更快？
类似stackoverflow.com/questions/596608/slide-right-to-left

标签： javascript jquery

【解决方案1】：

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

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

希望它能满足您的需求。

问候。

【讨论】：

【解决方案2】：

你可以用animate尝试这样的事情

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

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

【讨论】：

【解决方案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/

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

【讨论】：