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


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

JQuery AJAX PHP: пример

Сей материал содержит простейший пример применения технологии AJAX, используя последнюю в совокупности с JQuery и PHP. Для новой статьи я взял ту же форму, что и в демке с использованием аякса на чистом JavaScript.
(далее…)

Опубликовано 26-03-2013 в 13:00

JavaScript: массив в строку

Если вы задаетесь вопросом, как на JavaScript преобразовать массив в строку, тогда программный код примера, приведенного чуть ниже возможно будет вам полезен.

<script type="text/javascript">
var massiv = [123, 456, 789];
var stroka = massiv.join('');
var chislo = 123456789;
alert(typeof stroka + ' ' + typeof chislo);
</script>

(далее…)

Опубликовано 21-03-2013 в 14:51



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

  • Администратор: к записи Нажмите на кнопку Скачать в статье. »
  • маша: к записи Ничего не понятно для новичка без CSS кода. Пожалу »
  • Администратор: к записи Почитайте информацию на http://javascript.ru/ »
  • Стас: к записи У меня вся страница пихается в #ajax-container »
  • id49788920: к записи Скрипт обрезает теги. Это возможно как-нибуть испр »
  • id49788920: к записи $(document).ready(function() { $(".c »
  • noob: к записи Попробовал всавить сниппет в шаблон, появился белы »

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

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