1

我想了解一个特定的 JQuery 效果是如何实现的。在这家设计公司的网站上，当您到达“关于我们”和“团队”部分时，会“弹出”平板电脑和人物的图片。如何重现效果？

我试图从页面复制粘贴 jquery 代码，但无法使其正常工作。有人可以告诉我我错过了什么吗？

jQuery('.animated').appear();
jQuery(document.body).on('appear', '.slide', function () {
    jQuery(this).each(function () {
        jQuery(this).addClass('ae-animation-slide')
    });
});

这是 JSFiddle中的完整代码

4

1 回答 1

1

首先，似乎没有 DOM 没有准备好。用于$(document).ready()告诉 JQuery 等到页面加载完成后再运行 JavaScript：

$(document).ready(function () {
    //put codes in here.
})

我尝试了您的 JSFiddle，但似乎没有显示图像，如果您更新 JSFiddle，我可以再次查看。

试试这个更新的小提琴

http://jsfiddle.net/RcvWM/3/

我添加了 webkit css 并加载了 jQuery Appear 插件。确保包括在内。

.ae-animation-slide {
    -webkit-animation-name: ae-animation-slide;
    // etc
}
于 2013-10-31T09:22:41.597 回答