20 впечатляющих примеров возможностей jQuery технологии с мануалами

6

66741
13-09-2011

20 впечатляющих примеров возможностей jQuery технологии с мануаламиСегодняшняя подборка посвящена технологии jQuery. JQuery — это JavaScript библиотека, отвечающая за взаимодействие JavaScript, HTML и CSS на сайте. С помощью этой технологии можно обращаться к любому объекту, работать с событиями, осуществлять различные визуальные эффекты. Собственно сама библиотека находится на внешнем сайте в библиотеке кодов Google. А подключается она соответствующей записью в коде сайта в теге head. Во всех приведенных ниже мануалах есть live demo и инструкция, а также возможность скачать и установить подготовленный набор файлов.

1. Навигация по картинкам в портфолио
Посмотреть урок Навигация по картинкам в портфолио

2. Впечатляющее динамическое меню
Посмотреть урок Впечатляющее динамическое меню

3. Полноразмерное слайдшоу
Посмотреть урок Полноразмерное слайдшоу

4. Стена из картинок
Посмотреть урок Стена из картинок

5. Слайдер с движущимися картинками
Посмотреть урок Слайдер с движущимися картинками

6. Анимированная диаграмма
Посмотреть урок Анимированная диаграмма

7. Анимированная галерея предпросмотров
Посмотреть урок Анимированная галерея предпросмотров

8. Всплывающее анимированное меню
Посмотреть урок Всплывающее анимированное меню

9. Эффектная широкоэкранная галерея с прокруткой
Посмотреть урок Эффектная широкоэкранная галерея с прокруткой


 

10. Появление предпросмотров при наведении
Посмотреть урок Появление предпросмотров при наведении

11. Слайдер предпросмотров с превьюшками
Посмотреть урок Слайдер предпросмотров с превьюшками

12. Анимированные диалоговые окна
Посмотреть урок Анимированные диалоговые окна

13. Слайдер с паралакс эффектом
Посмотреть урок Слайдер с паралакс эффектом

14. Увеличение картинки при наведении
Посмотреть урок Увеличение картинки при наведении

15. Эффектная галерея предпросмотров в кругах
Посмотреть урок Эффектная галерея предпросмотров в кругах

16. Динамическая галерея предпросмотров
Посмотреть урок Динамическая галерея предпросмотров

17. Меню с появляющийся картинкой
Посмотреть урок Меню с появляющийся картинкой

18. Навигация из предпросмотров картинок
Посмотреть урок Навигация из предпросмотров картинок

19. Меню со всплывающими картинками
Посмотреть урок Меню со всплывающими картинками

20. Минималистический слайдер
Посмотреть урок Минималистический слайдер

 
 

PS. Постовой. А вы знаете, что даже самая надежная техника со временем ломается. Поэтому замена матрицы для ноутбуков поможет вам привести технику в надлежащее состояние, что позволит и дальше создавать красивые дизайны на вашем ноутбуке.

  • Короткая ссылка на этот пост: https://www.designonstop.com/?p=4123
  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Комментариев 6 комментариев

Почти все приведенные примеры уже встречала ранее и занесла в копилочку. А вот минималистичный слайдер (последний) оказался в новинку, пропустила я его на CoDrops…
P.S. С тех пор, как нашла в Сети Ваш сайт — избавилась от проблем «где же искать что-то новенькое» =) Спасибо Вам!

ОтветитьОтветить

@Alhana:
Вам спасибо за такой замечательный комментарий! Всегда рада видеть вас у себя в гостях ))

ОтветитьОтветить

Всё талантливо

ОтветитьОтветить

@Ven:
И еще очень эффектно смотрится…

ОтветитьОтветить

Новый развивающийся сайт с примерами кода на jquery
http://snippets.su/

ОтветитьОтветить

@Bloger:
Спасибо за ссылку.

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

45 queries in 0,280 seconds.