prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Web » Скрипты » Анимированный ротатор на CSS и jQuery

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


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


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


Автор:Alexis.Kudy

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



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



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



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

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



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



+1
Просмотры: 3561 VIP ProWebber | Комментарии (13)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Doader

  • 8 апреля 2011 14:34
  • Регистрация: 30.03.2011
  • ICQ: --
  • Комментариев: 2
Спасибо, Прикольная вещь получилась smile

0

#2DemAskoO

  • 8 апреля 2011 15:27
  • Регистрация: 13.02.2011
  • ICQ: 557685956
  • Комментариев: 83
  • Выкл.
Спасибо нада нажимать :)

0

#3Imperiuz

  • 8 апреля 2011 15:51
  • Регистрация: 5.05.2010
  • ICQ: --
  • Комментариев: 48
Демо давай, ниче не понятно

0

#4NODZ

  • 8 апреля 2011 16:42
  • Регистрация: 12.09.2010
  • ICQ: --
  • Комментариев: 59
  • Выкл.
Imperiuz,

+1

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

0

#5WebSupport

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

0

#6boot_333

  • 8 апреля 2011 20:12
  • Регистрация: 8.01.2011
  • ICQ: --
  • Комментариев: 30
и зачем это...??

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

0

#7Huth

  • 8 апреля 2011 20:36
  • Регистрация: 12.01.2011
  • ICQ: --
  • Комментариев: 110
Как поставить на DLE ?

0

#8WebSupport

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

0

#9DizZzeL

  • 8 апреля 2011 22:50
  • Регистрация: 5.01.2010
  • ICQ: --
  • Комментариев: 30
По моему ерунда!

0

#10SNIPER32

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

0

#11gcib

  • 15 апреля 2011 23:34
  • Регистрация: 15.04.2011
  • ICQ: --
  • Комментариев: 11
Спасибо! Полезно....

0

#12OneBlow

  • 19 апреля 2011 00:49
  • Регистрация: 5.04.2011
  • ICQ: 565180441
  • Комментариев: 11
Спасибо,спасибо,спасибо,спасибо,спасибо,спасибо

0

#13Sib

  • 2 июля 2011 16:13
  • Регистрация: 13.03.2010
  • ICQ: --
  • Комментариев: 5
скачаю и попробую smile

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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

Ваши переписки