构建具有多个行为的jquery广告

Building a jquery ad with multiple behaviors

本文关键字：jquery 广告 构建      更新时间：2023-09-26

我认为这可能是一个很长的镜头，但我希望至少有一个参考链接，甚至一点代码来让我开始。

我有一个960x300的广告，在页面加载时应该显示3秒，然后收缩到顶部30像素，基本上成为一个960x30的div。在它完成该行为后，点击广告应该在960x300和960x30之间切换div大小。

我已经努力建立一个类似的设置，但只是在悬停时切换，而不是在点击时切换，并且广告最初不显示，然后在页面加载时收缩。我充其量是一个javascript新手，所以说慢一点，用小字。:)

像这样的东西应该会有效果。

$('#mybigad').delay(3000).animate({height:30}, function() {
    $(this).click(function() {
        if ($(this).height()==30) {
            $(this).animate({height:300});
        } else {
            $(this).animate({height:30});
        }
    });
});
相关文章：