Плавное появление контента

Очень здорово смотрится эффект, при котором контент на вашем сайте плавно проявляется.Для такого эффекта добавьте в head следующий код:

/* плавное появление контента */
<script type="text/javascript">
 $(document).ready(function() {
 $("body").css("display", "none");
 $("body").fadeIn(800);
 });
</script>

где body ID вашей плавно появляющейся формы, т.е. это будет необязательно body, а любой класс, блок на странице и т.д. 
fadeIn(800) время задержки, которое вы подберете исходя из собственный нужд.
Так же, ВОЗМОЖНО понадобиться добавить к стилю вашего плавно появляющегося объекта параметр display:none, но в некоторых случаях, это может просто скрыть весь контент. Так что, поэкспериментируйте : )
И обязательно подключите jQuery:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

Поделись с друзьями:

Опубликовано 12.08.2012 в 19:05 · Автор komivlad · Ссылка
Рубрики: CSS, JavaScript, Web · Теги: , , , , ,

10 комментариев

Подписаться на комментарии по RSS

  1. Написал(-а) rus
    17.09.2015 в 17:13
    Ответить · Ссылка

    Спасибо, все хорошо.

    ЗДорово что скрипт не тяжелый

  2. Написал(-а) Алексей
    30.11.2014 в 10:19
    Ответить · Ссылка

    Привет! А если мне нужно, чтобы проявилось только часть контента через время, что сделать знаешь?

    • Написал(-а) komivlad
      02.12.2014 в 17:34
      Ответить · Ссылка

      Почитай в интернете про ajax.

    • Написал(-а) etymologist
      02.12.2014 в 17:36
      Ответить · Ссылка

      Привет. Тебе нужно использовать вместо body класс в который заключена твоя часть контента.

  3. Написал(-а) Seventh_Angel
    06.10.2014 в 07:10
    Ответить · Ссылка

    непройдет! все скрипты у joomla подключаются отдельным файлом.

    • Написал(-а) etymologist
      07.10.2014 в 06:08
      Ответить · Ссылка

      Да, отдельным файлом подключить скрипты будет правильно, но что ему помешает загрузиться из HEAD?

  4. Написал(-а) Seventh_Angel
    02.10.2014 в 11:04
    Ответить · Ссылка

    может подскажешь как это все сделать на Joomla 3

    • Написал(-а) user
      02.10.2014 в 11:39
      Ответить · Ссылка

      Открой в текстовом редакторе файл /templates/ТВОЙ_ШАЛОН/index.php

      вставь скрипт перед закрывающим тегом head

      я не большой специалист по Joomla, просто скачал Joomla 3.3.3 и посмотрел в шалонах которые там уже есть. Конкретнее rsmetro и protostar.

    • Написал(-а) eldenio
      10.08.2016 в 10:21
      Ответить · Ссылка

      Если ты ковыряешь бесплатный шаблон, или фри демо-версию платного, то, вполне возможно, не пройдет. Но там у тебя вообще ничего стороннего не пройдет =)

      Если пишешь свой шаблон, то всё пройдет как надо.

Подписаться на комментарии по RSS

Написать комментарий