Джей... квиэри? Начало

HTML была одной из первых вещей, которую Джон Резиг освоил когда он только начал заниматься программированием. Резиг программировал на QBasic, когда ему показали, как создать веб-страницу, а также основы HTML. Отец подарил ему на Рождество две книги по HTML. Когда он только начал программировать на Visual Basic, HTML и веб-дизайн очень заинтересовали его... И он приступил к JavaScript.

Он создал библиотеку JQuery - инструментарий для решения самых разнообразных задач. Разберемся с ней.

Для этого рассмотрим пример. Перейдите по адресу bit.ly/d-n-d  и рассмотрите исходный код приложения, который позволяет перетаскивать элементы по экрану.

Далее перейдите в оболочку bit.ly/_j1  и нажмите сначала желтый значок доллара. Скопируйте код и вставьте его в элемент head. Проделайте то же самое с зеленым долларом.

Затем создайте сразу после открывающего тега body тег div с идентификатором draggy. Опишите его стиль: ширина и высота по 100 пикселов, красный фоновый цвет, указатель типа "рука". Нажмите на "Play", затем кнопку и в окошке отображения страницы попробуйте перетащить красный квадратик - убедитесь, что это не работает.

Впишите в тело функции doIt следующий код:

$("#draggy").draggable();

Вновь нажмите на "Play" и кнопку. Убедитесь, что перетаскивание работает.


Переделайте пример с перетаскиванием, используя JQuery. Разбейте свою картинку, создайте страницу, присоедините к ней код JQuery и реализуйте только проверку совпадения координат картинок.