Мы в твиттере Мы в телеграме!

Провеббер » Web » Скрипты » Анимированный ротатор на CSS и jQuery

Анимированный ротатор на CSS и jQuery

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Анимированный ротатор на CSS и jQuery.

Анимированный ротатор на CSS и jQuery


Автор:Alexis.Kudy

И так, чтобы получить такой вариант ротатора, как показан выше, нам необходимо начать с самого начала, поэтому создаем HTML каркас:



После просмотра данного кода, вы увидите обычный ссылочный список, для того, что бы данные ссылки ожили и начали вращаться, мы немного изменим выше написанный HTML код:



После этого, также не каких изменений не происходит, почему? Да потому, что мы не подключили jQuery и не написали соответствующий скрипт, для того чтобы наши ссылки ожили. Вот собственно и код самого скрипта:



Замечание: не забудьте подключить библиотеку jQuery, иначе ничего работать не будет.

И так, теперь, при просмотре работы в браузере, вы заметите, что ссылки начали вращаться, но как-то не очень красиво, поэтому пропишем некоторые CSS стили, для придания нашему ротатору большей юзабильности:



Если нет желания, создавать всё с нуля, предоставляю вашему вниманию готовый исходник:

rotator.rar [30.58 Kb] (cкачиваний: 217)
MD5: 80aabe1be0558fe7a2f2a9f027d6aaea

Missing update?
Checkout our NULLED Web Community


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


+1
Просмотры: 5 408 :: Комментарии (13) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Doader

  • 8 апреля 2011 14:34
  • Регистрация: 30.03.2011
  • Был(а) онлайн: 6.05.2011
  • Комментариев: 2
  • 0
Спасибо, Прикольная вещь получилась smile

#2DemAskoO

  • 8 апреля 2011 15:27
  • Регистрация: 13.02.2011
  • Был(а) онлайн: 3.10.2012
  • Комментариев: 83
  • 0
Спасибо нада нажимать :)

#3Imperiuz

  • 8 апреля 2011 15:51
  • Регистрация: 5.05.2010
  • Был(а) онлайн: 8.10.2014
  • Комментариев: 48
  • 0
Демо давай, ниче не понятно

#4NODZ

  • 8 апреля 2011 16:42
  • Регистрация: 12.09.2010
  • Был(а) онлайн: 21.12.2021
  • Комментариев: 59
  • 0
Imperiuz,

+1

по картинке понял в чем идея, но с демо было бы лучше

#5WebSupport

  • 8 апреля 2011 19:31
  • Регистрация: 15.11.2010
  • Был(а) онлайн: 24.06.2015
  • Комментариев: 225
  • 0
Я думаю, можно просто скачать и открыть, сразу же будет всё ясно.

#6boot_333

  • 8 апреля 2011 20:12
  • Регистрация: 8.01.2011
  • Был(а) онлайн: 7.06.2015
  • Комментариев: 30
  • 0
и зачем это...??

--------------------

#7Huth

  • 8 апреля 2011 20:36
  • Регистрация: 12.01.2011
  • Был(а) онлайн: 17.08.2014
  • Комментариев: 110
  • 0
Как поставить на DLE ?

#8WebSupport

  • 8 апреля 2011 20:44
  • Регистрация: 15.11.2010
  • Был(а) онлайн: 24.06.2015
  • Комментариев: 225
  • 0
Huth, интегрируйте код.

#9DizZzeL

  • 8 апреля 2011 22:50
  • Регистрация: 5.01.2010
  • Был(а) онлайн: 23.08.2020
  • Комментариев: 30
  • 0
По моему ерунда!

#10SNIPER32

  • 11 апреля 2011 07:39
  • Регистрация: 19.09.2009
  • Был(а) онлайн: 25.02.2022
  • Комментариев: 100
  • 0
Куда интегрировать как интегрировать ,как подключить библиотеку не все же знаю в этом толк можно было и описать... И куда конкретно ставить и как создать нужные файлы ну и естественно в какие директории закинуть а так ток ясно для чего оно нужно но не как поставить !!! :( Кто знает что да как делать напишите нормальный мануал как поставить это чудо на DLE

#11gcib

  • 15 апреля 2011 23:34
  • Регистрация: 15.04.2011
  • Был(а) онлайн: 15.04.2011
  • Комментариев: 11
  • 0
Спасибо! Полезно....

#12OneBlow

  • 19 апреля 2011 00:49
  • Регистрация: 5.04.2011
  • Был(а) онлайн: 5.12.2014
  • Комментариев: 11
  • 0
Спасибо,спасибо,спасибо,спасибо,спасибо,спасибо

#13Sib

  • 2 июля 2011 16:13
  • Регистрация: 13.03.2010
  • Был(а) онлайн: 10.01.2024
  • Комментариев: 5
  • 0
скачаю и попробую smile

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Май 2024 (2)
Апрель 2024 (20)
Март 2024 (18)
Февраль 2024 (27)
Январь 2024 (11)
Декабрь 2023 (12)
Друзья сайта

Последние комментарии: