jquery - jQuery Apple 般的图像淡入效果

Question

当您访问http://www.apple.com/mac/时，您会看到上述产品以某种效果淡入页面。有没有一个jQuery插件可以做类似淡入的事情？

score 1 · Accepted Answer

这是我放在一起的一个类似的小提琴：http: //jsfiddle.net/33sN4/1/

你不会真的需要一个插件，虽然我敢肯定那里有一个......

您只需要遍历对象并延迟淡入（或幻灯片，或动画......您选择的任何效果）：

$(function(){   

    $('.region').each(function(index){
        $(this).delay(index*1000).fadeIn(500);
    });

});

score 0 · Accepted Answer

jQuery 包含产生类似效果的方法。你可以使用 .fadeIn(secs) 和 .fadeOut(secs) 来做你需要的事情。您还可以使用 .anmiate() 为 CSS 属性设置动画。有关 jQuery 功能的完整描述，请查看 jQuery 效果文档：

要查看一些展示淡入/淡出幻灯片效果的插件，请查看

score 0 · Accepted Answer

您不需要 jQuery 插件。

您可以使用delay()、animate()和css()来获得所需的结果。您甚至可以调整时间以根据自己的喜好改变效果。

例如。

$('#mac').css({
    left: 0,
    opacity: 0
}).delay(500).animate({
    left: 50,
    opacity: 1,
    queue: false
}, 'fast');

工作示例，单击图像查看：http: //jsfiddle.net/cfgyhdou/

3 回答 3