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

JQuery: выпадающее меню

В этой пошаговой инструкции я продемонстрирую то, как можно быстро создать простое кроссбраузерное выпадающее меню на JQuery и CSS. Ниже представлено оно самое, проверял в т.ч. и на Internet Explorer 8:

Выпадающее меню на JQuery

Скачать пример
(далее…)

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

Раздвижной блок на JQuery

Данная заметка расскажет вам о том, как сделать выдвижной блок кода на своем сайте. Область будет выезжать не по вертикали (не сворачиваться), а по горизонтали. В некоторых случаях такой вариант является более удобным нежели стандартные полосы прокрутки браузера, — ведь не с каждым дизайном они будут смотреться приемлемо?

Раздвижной блок JQuery

(далее…)

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



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

  • Администратор: к записи Николай, посмотрите файл '.htaccess' в корне сайта »
  • Николай: к записи Простите если немного не по теме. Я сделал экспорт »
  • Эрик: к записи Спасибо, помогло) 20 минут мучался) »
  • steblo: к записи спаисбо »
  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »

Статистика спама

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