Лабораторные 11-17

Лабораторная работа № 11. Фильтры

11.1. Имеется рисунок и текст. При помощи радиопереключателей к ним применяются  различные статические фильтры. Рассмотреть поворот на определенный угол, отражение, увеличение, прозрачность. Реализовать возможность просмотра в различных браузерах.

11.2. Вставить рисунок. Рядом разместить выпадающий список с возможными размерами рисунка. При выборе определенного значения изменяетс размер рисунка.

11.3. Имеется рисунок. При щелчке по нему проявляется второй рисунок с  каким-то динамическим фильтром. Повторный щелчок восстанавливает  первый рисунок

Лабораторная работа № 12. Event

12.1. Изучение свойств мыши. Сравните координаты screenX, clientX, offsetX. Для изучения свойств сделайте форму, в текстовых полях которой выводятся соответствующие координаты при движении мышки.

12.2. Реализуйте движение некого объекта за курсором. При этом объект не должен быть «приклеен» к курсору, а двигаться к нему на небольшой скорости.

12.3. Реализация двух объектов, бегающих за курсором.

Лабораторная работа № 13. Пазлы

13.1. Подготовьте рисунок. Разделите его на 6 равных фрагментов.

13.2. Эти фрагменты должны появиться в произвольном месте страницы.

13.3. Реализовать возможность перетаскивания фрагментов на странице, а именно – при щелчке мышкой по фрагменту, он должен «приклеиться» к курсору, при повторном щелчке «отклеиться».

13.4. Добавить кнопку проверки правильности сбора рисунка.

Лабораторная работа № 14. Секретное окно

14.1. В течение 5 секунд щелкаем мышью по 3-м объектам в определенном  порядке, после этого открывается определенная страница.

14.2. Набираем определенную фразу, она нигде не отображается, после этого  открывается определенная страница. Использовать события onPress и свойства evet.keyCode для определения ASCII-кода.

Лабораторная работа № 15. DOM. Раскрывающееся меню

15.1. Реализовать пример из лекции, генерирующий список.

15.2. Создать раскрывающееся меню. При повторном щелчке меню должно сворачиваться.

Лабораторные работы № 16-17. jQuery

16.1. Реализуйте слайдер из лекции.

16.2. Найдите интересные примеры с использованием jQuery.

Поделиться:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • StumbleUpon
  • Technorati
  • БобрДобр
  • Memori.ru
  • МоёМесто.ru