我有 4 张图片(logo-1、logo-2、logo-3 和 logo-4),我想在单击按钮时一个接一个地显示它们。
首先,我将图像的高度设置为 0,以使用 easeOutBounce 效果显示它们。
我正在使用动画功能,但同时显示了四个图像。
如何连接动画?
<script>
function mostrar(num_logo) {
if (num_logo <= 4) {
$("#logo-"+num_logo)
.stop().animate(
{height: '218px'},
{queue:false,
duration:1000,
easing: 'easeOutBounce',
complete: mostrar(num_logo+1)}
);
}
}
$(function() {
// run the currently selected effect
function runEffect() {
for (i=1;i<=4;i++) {
$("#logo-"+i).css('height', '0px');
}
mostrar(1);
};
$( "#button" ).click(function() {
runEffect();
return false;
});
});
</script>