SiteIS

jQuery - безграничные возможности в дизайне Вашего сайта!

- Один из самых популярных на сегодня среди веб разработчиков фреймворк

- Позволяет быстро и легко создать потрясающие веб-приложения

- Удивительно красивые анимационные эффекты

- Улучшение пользовательского интерфейса

Простейший аккордеон

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

Аккордеон без списков

Применение ненумерованных списков для построения многоуровневых меню с выпадающими подпунктами и страниц с вопросами-ответами, где ответы показываются по клику на вопрос, безусловно, очень удобная техника. Но иногда случается так, что по каким либо причинам этот способ неприемлем. Благодаря гибкости html, css и jQuery мы способны решить практически любую задачу несколькими способами. И данная статья - наглядный тому пример.

Расширяем функциональность аккордеона

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

Улучшаем аккордеон без списков

В прошлой статье мы существенно улучшили функциональность аккордеона на основе списков, добавив туда немало различных "плюшек", сделавших меню и симпатичнее и понятнее для посетителей. Но вот незадача, если попытаться применить тот же самый код к аккордеону, выполненному без использования списков, то мы обнаружим, что навигация работать не будет. Попробуем разобраться в сложившейся проблеме.

Создаем простой слайдер

Мы, наконец то, полностью завершили работу над выпадающим меню типа "Аккордеон", подробно рассмотрев два варианта разметки. Теперь перед нами поставлена задача создать простенькую галерею, в которой фотографии плавно меняют одна другую через определенный промежуток времени. В этой статье подробно рассмотрим способ реализации подобной задачи.

Добавляем слайдеру функциональность

В этом материале обсудим, как улучшить функциональность слайдера, с которым начали работу в прошлой статье. Мы добавим кнопки для листания картинок по клику и сделаем так, что бы автоматическая смена изображений останавливалась, если курсор мыши находится в области галереи.