may88seiji
9/1/2017 - 1:05 PM

jQueryでリストを一つずつ遅延して表示する http://www.webopixel.net/javascript/714.html

jQueryでリストを一つずつ遅延して表示する http://www.webopixel.net/javascript/714.html

list.html
content_copyfile_download
<ul class="delay-show">
    <li>リスト1</li>
    <li>リスト2</li>
    <li>リスト3</li>
</ul>
delay.js
content_copyfile_download
$(function() {
    $('ul.delay-show li')
        .css({opacity: 0})
        .each(function(i){
            $(this).delay(500 * i).animate({opacity:1}, 1500);
        });
});