Программирование JavaScript на базе библиотеки JQuery - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Программирование JavaScript на базе библиотеки JQuery, слайд №1

Программирование JavaScript на базе библиотеки JQuery, слайд №2

Программирование JavaScript на базе библиотеки JQuery, слайд №3

Программирование JavaScript на базе библиотеки JQuery, слайд №4

Программирование JavaScript на базе библиотеки JQuery, слайд №5

Программирование JavaScript на базе библиотеки JQuery, слайд №6

Программирование JavaScript на базе библиотеки JQuery, слайд №7

Программирование JavaScript на базе библиотеки JQuery, слайд №8

Программирование JavaScript на базе библиотеки JQuery, слайд №9

Программирование JavaScript на базе библиотеки JQuery, слайд №10

Программирование JavaScript на базе библиотеки JQuery, слайд №11

Программирование JavaScript на базе библиотеки JQuery, слайд №12

Программирование JavaScript на базе библиотеки JQuery, слайд №13

Программирование JavaScript на базе библиотеки JQuery, слайд №14

Программирование JavaScript на базе библиотеки JQuery, слайд №15

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Программирование JavaScript на базе библиотеки JQuery. Доклад-сообщение содержит 15 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Программирование JavaScript на базе библиотеки JQuery События

Слайд 2

Описание слайда:

Объект Event содержит информацию о произошедшем событии его необходимо явно передать в обработчик события

Слайд 3

Описание слайда:

Свойства Event

Слайд 4

Описание слайда:

Cвойства coordX .b-pad__coord_x coordY .b-pad__coord_y target .b-pad__coord_target coordXrel .b-pad__coord_x-relative coordYrel .b-pad__coord_y-relative keyinfo .b-pad__coord_keyinfo text .b-pad__text

Слайд 5

Описание слайда:

Методы showCoords clickPad clickX showKeyinfo

Слайд 6

Описание слайда:

События мыши mousedown Привязывает или вызывает функцию, код которой будет выполнен после нажатия клавиши мыши на выбранном элементе. mouseenter Привязывает или вызывает функцию, код которой будет выполнен, когда на выбранный элемент будет наведен указатель мыши. mouseleave Привязывает или вызывает функцию, код которой будет выполнен, когда указатель мыши будет выведен из границ выбранного элемента. mousemove Привязывает или вызывает функцию, код которой будет выполнен при передвижении указателя мыши в границах выбранного элемента. mouseout Привязывает или вызывает функцию, код которой будет выполнен, когда указатель мыши будет выведен из границ выбранного элемента. mouseover Привязывает или вызывает функцию, код которой будет выполнен, когда на выбранный элемент будет наведен указатель мыши. mouseup Привязывает или вызывает функцию, код которой будет выполнен, когда нажатая кнопка мыши будет отпущена.

Слайд 7

Описание слайда:

Назначаем методы на события this.pad.mousemove(this.showCoords.bind(this)) this.pad.click(this.clickPad.bind(this)); this.coordX.click(this.clickX.bind(this)); this.text.keydown(this.showKeyinfo.bind(this));

Слайд 8

Описание слайда:

showCoords(event) Записываем координаты в div this.coordX.html(event.pageX); this.coordY.html(event.pageY); Записываем в div имя класса текущего элемента this.target.html($(event.target).attr('class'));

Слайд 9

Описание слайда:

Метод оформления position() Позволяет узнать текущее местоположение первого выбранного элемента относительно границ родительского элемента. возвращает объект содержащий два свойства: top и left. Свойство left содержит координаты смещения выбранного элемента по оси X (по горизонтали), а top координаты смещения по оси Y (по вертикали).