Скрипты jQuery

Получить, назначить CSS стиль через jQuery

Используя скрипты на jQuery вам придется столкнуться с возможностью изменения css стилей элементов или получения их текущих значений. Разберем на примерах методы реализаций данной задачи.  Читать далее «Получить, назначить CSS стиль через jQuery»

Простой слайдер на jQuery с навигацией

Сегодня слайдеры установлены на каждом втором сайте. Они выполняют две функции - украшают сайт разработчика и позволяют выводить полезную информацию, на которую посетитель может обратить внимание.

Чаще всего в слайдерах я вывожу основные направления, которыми занимается компания. Но сейчас не об этом. Хочу представить вашему вниманию очень простой jQuery слайдер, который я сильно усовершенствовал.

Возможности слайдера:

  1. Можно менять время перелистывания слайдов.
  2. Можно отображать или скрывать стрелки навигации для перелистывания слайдов.
  3. Можно отключать/включать пагинацию слайдов снизу.
  4. Слайдер полностью адаптивный - может легко растягиваться на 100% экрана или div-а, в который вы можете его поместить.
  5. В самих слайдах вы можете писать любой контент - например, ссылки, картинки, текстовую информацию.
  6. Вместо картинки в слайдер можно вставить видео, например с youTuba.

Из преимуществ хочу отметить простоту установки и качество кода - он работал практически на всех сайтах, где бы я его не разместил. В скачанном архиве вы увидите 4 вида подключаемых  слайда - с обычной подписью, с сложной подписью, видео, и обычную картинку. Думаю, из этих примеров будет очень легко понять, как добавлять нужные вам виды слайдов. 

Что касается css, то его также настолько мало, что править вам придется только первые 4 строчки, чтобы подстроить размер jQuery слайдера под свой сайт.

 

Скопировать текст в буфер обмена через jQuery

Для большей интерактивности в приложениях, которые вы создаете или просто различных сриптах иногда требуется код , который позволит пользователю одним кликом скопировать содержимое поля в буфер обмена. Вместо поля (input, textarea) может быть и просто html тег. Рассмотрим, как реализовать эту интересную задачу. Читать далее «Скопировать текст в буфер обмена через jQuery»

Всплывающее окно на jQuery с позиционированием по центру экрана

Раньше я использовал простой скрипт всплывающего окна, которое открывалось по нажатию на определенный селектор. Проблема такой всплывайки была в том, что для того, чтобы добавить вторую всплывайку, приходилось менять селекторы на новые. Читать далее «Всплывающее окно на jQuery с позиционированием по центру экрана»

Cookie в jQuery - установка, настройка и примеры использования

Когда я изучал PHP мне часто требовалось использовать cookie и сессии, чтобы запоминать промежуточные вычисления введенные пользователем. Когда  узнал, что в jQuery есть специальный плагин, которые позволяет по таким же принципам запоминать значения, то мои срипты стали намного проще. Читать далее «Cookie в jQuery - установка, настройка и примеры использования»