JQuery селекторы. Часть 3.

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

JQuery селекторы - выборка по атрибутам

1. Для начала я покажу вам имеющуюся разметку:

<div class="evolution">
<p>Lorem ipsum dolor sit amet consectetuer.</p>
</div>

(далее…)

Опубликовано 19-06-2013 в 11:35

JQuery плагин-скроллер

Данная статья описывает простейший пример использования JQuery плагина под названием «jQuery custom content scroller», который позволяет создавать блоки с собственными скроллерами, отличными от тех, что предоставляются вашими браузерами и операционными системами.

JQuery скроллер

(далее…)

Опубликовано 18-06-2013 в 16:06

Cелекторы в JQuery. Часть 2.

Представляю вашему вниманию вторую часть миниатюрной серии статей, посвященных селекторам в JQuery. Приступим к рассмотрению следующих примеров, продолжаем ходить по DOM, выбирая HTML элементы.

/* Отбор всех элементов: */
$('*').css({'color': 'orange'});

/* Отбор всех потомков у тега <p>, вариант 1: */
$('p > *').css({'color': 'orange'});

(далее…)

Опубликовано 13-06-2013 в 14:01

Cелекторы в JQuery. Часть 1.

В данной заметке / статье повествование пойдет о том, как же использовать  селекторы в JQuery. Т.к. цитировать тома официальной документации смысла в общем-то нет, ниже я приведу несколько примеров программного кода на JavaScript, но для начала давайте набросаем несколько строчек разметки на HTML, чтобы нам с вами было где экспериментировать. (далее…)

Опубликовано 13-06-2013 в 12:28

Простые вкладки на JQuery

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

Простые вкладки на JQuery

Скачать рабочий пример

(далее…)

Опубликовано 19-04-2013 в 14:10

JQuery: всплывающее окно

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

Всплывающее окно на JQuery

Скачать рабочий пример

(далее…)

Опубликовано 18-04-2013 в 20:45

Плавающее меню на JQuery

Сегодня сделаем плавающее меню на JQuery с эффектом лавовой лампы / lavalamp.

JQuery - плавающее меню для сайта

Весь трюк заключается в том, чтобы сделать пустой элемент  #lava с заданным цветом фона, который будет следовать за положением курсора мышки при перемещении последнего через пункты меню. У него менять будем значения свойств left и width.

Примечание. Чтобы лишний раз не прописывать пару десятков строчек CSS, я использую стили ненумерованного списка от фреймворка Twitter Bootstrap.

(далее…)

Опубликовано 16-04-2013 в 15:17













Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты