с помощью jquery воспроизводить эффект домашней страницы с изображением bing

Question

Итак, я хочу иметь возможность повторить эффект, наблюдаемый на bing.com.Когда вы в первый раз заходите туда, он загружает фоновое изображение и исчезает в виде множества, казалось бы, случайных блоков, которые появляются на изображении.Ящики затем исчезают, указывая, что они скрыты, но давая вам начальное указание относительно их местоположения.

Я использую jquery для создания начального значения fadeIn, но я хочу отложить его на определенное время, а затем сделать его fadeOut.Остальные эффекты выполняются с помощью переходов css3.

Вот что я сейчас использую:

<script type="text/javascript">
    $(document).ready(function () {
        $('.floatBtn').hide().fadeIn(1000);
    });

</script>

Будем благодарны за любые советы и помощь!

Answer 1

Вы можете использовать .delay() между вызовами функций, чтобы сделать именно это.(задержать на некоторое время.)

Так что используйте $(document).ready(function () { $('.floatBtn').hide().fadeIn(1000).delay(5000).fadeOut(1000); });