Используя скрипты на jQuery вам придется столкнуться с возможностью изменения css стилей элементов или получения их текущих значений. Разберем на примерах методы реализаций данной задачи. Читать далее «Получить, назначить CSS стиль через jQuery»
Скрипты jQuery
Простой слайдер на jQuery с навигацией
Сегодня слайдеры установлены на каждом втором сайте. Они выполняют две функции - украшают сайт разработчика и позволяют выводить полезную информацию, на которую посетитель может обратить внимание.
Чаще всего в слайдерах я вывожу основные направления, которыми занимается компания. Но сейчас не об этом. Хочу представить вашему вниманию очень простой jQuery слайдер, который я сильно усовершенствовал.
Возможности слайдера:
- Можно менять время перелистывания слайдов.
- Можно отображать или скрывать стрелки навигации для перелистывания слайдов.
- Можно отключать/включать пагинацию слайдов снизу.
- Слайдер полностью адаптивный - может легко растягиваться на 100% экрана или div-а, в который вы можете его поместить.
- В самих слайдах вы можете писать любой контент - например, ссылки, картинки, текстовую информацию.
- Вместо картинки в слайдер можно вставить видео, например с youTuba.
Из преимуществ хочу отметить простоту установки и качество кода - он работал практически на всех сайтах, где бы я его не разместил. В скачанном архиве вы увидите 4 вида подключаемых слайда - с обычной подписью, с сложной подписью, видео, и обычную картинку. Думаю, из этих примеров будет очень легко понять, как добавлять нужные вам виды слайдов.
Что касается css, то его также настолько мало, что править вам придется только первые 4 строчки, чтобы подстроить размер jQuery слайдера под свой сайт.
Скопировать текст в буфер обмена через jQuery
Для большей интерактивности в приложениях, которые вы создаете или просто различных сриптах иногда требуется код , который позволит пользователю одним кликом скопировать содержимое поля в буфер обмена. Вместо поля (input, textarea) может быть и просто html тег. Рассмотрим, как реализовать эту интересную задачу. Читать далее «Скопировать текст в буфер обмена через jQuery»
Всплывающее окно на jQuery с позиционированием по центру экрана
Раньше я использовал простой скрипт всплывающего окна, которое открывалось по нажатию на определенный селектор. Проблема такой всплывайки была в том, что для того, чтобы добавить вторую всплывайку, приходилось менять селекторы на новые. Читать далее «Всплывающее окно на jQuery с позиционированием по центру экрана»
Cookie в jQuery - установка, настройка и примеры использования
Когда я изучал PHP мне часто требовалось использовать cookie и сессии, чтобы запоминать промежуточные вычисления введенные пользователем. Когда узнал, что в jQuery есть специальный плагин, которые позволяет по таким же принципам запоминать значения, то мои срипты стали намного проще. Читать далее «Cookie в jQuery - установка, настройка и примеры использования»
- Все скрипты (49)
- Карусели (3)
- Слайдеры (4)