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

Очень здорово смотрится эффект, при котором контент на вашем сайте плавно проявляется. Для такого эффекта добавьте в 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>

4 комментария. Оставить новый

  • Seventh_Angel
    02.10.2014 11:04

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

    Ответить
    • Открой в текстовом редакторе файл /templates/ТВОЙ_ШАЛОН/index.php
      вставь скрипт перед закрывающим тегом head
      я не большой специалист по Joomla, просто скачал Joomla 3.3.3 и посмотрел в шалонах которые там уже есть. Конкретнее rsmetro и protostar.

      Ответить
  • Seventh_Angel
    06.10.2014 07:10

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

    Ответить
    • etymologist
      07.10.2014 06:08

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

      Ответить

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Заполните поле
Заполните поле
Пожалуйста, введите корректный адрес email.
Вы должны согласиться с условиями для продолжения

Меню