Initialization JavaScript code:

Main JavaScript code:

Show this JavaScript code

Click right mouse button, please.

Next - scroll window.

Menu text 1
Menu text 2
Menu text 3
Menu text 4
Menu text 5

Note: full english description will be later.



Задача: По клику правой клавишей в любом месте - показываем специальный блок "Меню" и запоминаем его координаты относительно окна. В дальнейшем при скроллировании - мы плавно перемещаем этот блок, в ту-же позицию относительно окна. Повторный клик - прячем блок и убираем подписки на скроллирование.

Данный пример демонстрирует следующие возможности:

  1. обработка события "клик правой клавишей" (К сожалению, в Opera 8 оработка правого клика возможна только со специальными настройками этого браузера, поэтому для Opera здесь используется левый клик);
  2. бработка событий при скроллинге и получение координат скроллера;
  3. работа с таймером

Важным моментом, в данном примере является то, здесь для работы с таймером используется "замыкание". Что такое "замыкание" вы можете прочесть здесь. Здесь, если бы мы функцию для таймера приписали-бы просто (без помощи "замыкания"), то в моент выполнения этой функции "this" будет ссылаться не на наш объект, а на таймер.