<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Как сделать титры на сайте с помощью JQuery.

Как сделать титры на сайте с помощью JQuery.

Сегодня я хочу показать вам, как создать титры на вашем сайте с помощью плагина для библиотеки JQuery.

Зайдите по ссылке: http://epichail.com/endcredits/fim.html И нажмите кнопку "Open Credits", чтобы просмотреть пример того, как это будет выглядеть.

Чтобы скачать необходимые файлы, перейдите по ссылке: https://github.com/malkafly/endcredits/ и нажмите кнопку "Download ZIP", чтобы скачать ZIP архив. Создадим html страничку следующего содержания:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Test</title>
  <link href="jumbotron-narrow.css" rel="stylesheet">
  <link href="endcredits.css" rel="stylesheet">
</head>
<body>
  <a href="#creditos" name="creditos">ссылка</a>
  <div id="titles">
   <div id="credits">
    <div id="the-end">PetPaw.co</div>
    <br />
    <h1>Cast</h1>
    <dl>
     <dt>Founder</dt>
     <dd>Daniel Malkafly</dd>
     <dt>Creative</dt>
     <dd>Fabio Munhoz</dd>
     <dt>Operations</dt>
     <dd>Gabriela Cardoso</dd>
     <dt>Business</dt>
     <dd>Isabela Cardoso</dd>
     <dt>Sales</dt>
     <dd>Alex Pinto</dd>
     <dt>Social Media</dt>
     <dd>Felippe Linhares</dd>
     <dt>Tecnical Suport</dt>
     <dd>Danilo Costa</dd>
     <dt>Developer #1</dt>
     <dd>Rafael Albuquerque</dd>
     <dt>Developer #2</dt>
     <dd>Adrian Borsati</dd>
     <dt>Data Base Analysis</dt>
     <dd>Leandro Miyabayashi</dd>
     <dt>Designer #1</dt>
     <dd>Lucas Isvairosvikh</dd>
     <dt>Map markers</dt>
     <dd>Loraine Vilches</dd>
     <dt>Infrastructure</dt>
     <dd>Vinicius Moreira</dd>
     <dt>Turkey partner</dt>
     <dd>Ozgür Dinçer</dd>
    </dl>
    <h1>Moderators</h1>
    <dl>
     <dt>Lead Moderator</dt>
     <dd>Paloma Perachini</dd>
     <dt>Moderator analysis</dt>
     <dd>Gabriela Cardoso</dd>
     <dt>Moderator #1</dt>
     <dd>Gisele Souza</dd>
     <dt>Moderator #2</dt>
     <dd>Frank Alma</dd>
     <dt>Moderator #3</dt>
     <dd>Joe Magnata</dd>
    </dl>
    <h1>Special Thanks</h1>
    <p>Cachorro Verde, Cantinho Animal, Diego Carneiro, Maitê Lima, Seiti Kaziami, Cecília Amodeo, FotoPet, Bruno Kenj, Juliana GM, Silvia Valadares, Lucas Romão, and more...</p>
   </div>
  </div>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script src="endcredits.js"></script>
</body>
</html>

Мы подключаем нужные нам стили и скрипты и создаем ссылку c атрибутом name и href равным creditos. При клике по этой ссылке и будут начинаться наши титры, которые, кстати, пишутся в div'ах с id=titles и credits. В h1 пишутся заголовки, а в dl и dt список. Можно также писать какие-то описания в теге p и вставлять изображения с помощью тега img.

Вот такие интересные титры можно сделать у себя на сайте. Как их сделать я только что показал, а где применять, думаю, вы придумаете. До свидания.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (8):

screnginer screnginer 04.06.2014 14:11:11

Здравствуйте! А не могли бы вы посвятить следующую статью РНР?

Ответить

php_programmer php_programmer 04.06.2014 14:39:06

Вас интересует что-нибудь конкретное?

Ответить

screnginer screnginer 04.06.2014 15:32:39

Ну например было бы неплохо, если бы Вы написали статью про создание класса для проверки данных или глобального класса.

Ответить

php_programmer php_programmer 04.06.2014 15:43:46

А что именно проверять будем? Не писать же про проверку всего, что можно. А вообще, такое, думаю, Вы можете и сами написать, если знаете php на достаточном уровне. Ведь для каждого сайта свои проверки. В скором времени планируется цикл статей по созданию простого движка с нуля, используя шаблон проектирования MVC. Думаю, будет интересно.

Ответить

screnginer screnginer 04.06.2014 17:32:23

А когда, примерно, начнется цикл этот статей? Было бы очень интересно.

Ответить

php_programmer php_programmer 04.06.2014 19:03:44

Ближе к концу этого месяца. Числах в 20-ых.

Ответить

screnginer screnginer 10.06.2014 16:45:52

Кстати, было бы неплохо, если бы Вы написали статью про паттерн ''Адаптер'' на php

Ответить

php_programmer php_programmer 10.06.2014 17:29:54

Хорошо, скоро будет.

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.