Question

基本上，我想让我的无序列表项逐行动画。所以，最初，这是一行文本的动画开始。

var spanWidth = $('ul.imagelist span').width();
$('ul.imagelist span').animate( { width: spanWidth }, 3000 );

所以，对于五个无序列表来逐个动画我觉得我可以使用setTimeout函数，这是我到目前为止所尝试的http://jsfiddle.net/ottster/8ynvymnk/，你可以在结果窗口中看到它似乎消失了幻灯片和回来我不知道发生了什么。一些帮助和/或指示将不胜感激。

Answer 1

试试这个：

<强> JS：

$('ul.imagelist span').each(function(i) {  
  var t = $(this); 
  setTimeout(function() {  
    t.parent(".text").show();
    t.animate( { width: t.width() }, 1000);
  }, (i + 1) * 1000);  
});

<强> CSS：

.text{
  display:none;
}

Fiddle

我的列表动画我做错了什么？

1 个答案: