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

Posted 2023-03-06

【中文标题】图像从左到右的淡入淡出效果

【英文标题】：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();

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

【问题讨论】：

你的意思是它应该在左侧逐渐褪色更快？

类似***.com/questions/596608/slide-right-to-left

【参考方案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的效果。