Простые JavaScript и JQuery, а также MooTools-примеры.


JavaScript: координаты клика

Данная заметка содержит пример простого программного кода на языке программирования JavaScript, который определяет координаты клика мышкой в документе HTML.

JavaScript - определение координат клика

Итак, вот полный листинг примера: (далее…)

Опубликовано 5-05-2013 в 17:10

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

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

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

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

(далее…)

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

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

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

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

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

(далее…)

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

Слайдер на JavaScript

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

Слайдер на JavaScript

Скачать слайдер на JavaScript

(далее…)

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

Плавающее меню на 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













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

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

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