Jquery: движение блока за курсором мышки (+Пример)

Пример)

Сегодня довольно юмористический пример – сделать что то вроде подсказки которая стабильно движется за курсором мышки.

Для этого сделаем css стиль блока:

<style>

div

{position:absolute;

top:0;

left:0;

padding:5px;

width:200px;

height:100px;

border: 1px solid #283250;

</style>

Как видите – я в первую очередь задал ему абсолютное значение.

Добавим div блок на страничку:

<div>Блок, который стабильно двигается за курсором мышки... Например – подсказка либо еще что то:)</div>

А сейчас пришло время – сделать jquery скрипт при движении мышки внутри окна.

<script>

$(document).ready(function()

{$("div").css('left',(pos.pageX+20)+'px').css('top',(pos.pageY+20)+'px');

});

</script>

Как видите здесь я применил изменение css стиля при функцией .css(), а так же прибавил по 20-ть пикселей – чтобы блок не "наезжал" на курсор.

Кексы маффины - состав и калорийность. Виды маффинов Готовая сухая формула для кексов маффинов помогает стремительно приготовить качественные хлебобулочные серебра, которые придутся по вкусу всем без исключения.
Пропорции продукта. Сколько грамм?

Сколько сжигает калорий тот либо иной вид спорта Особо целесообразно при слабых суставах.
Эффективно увеличивает иммунитет.
Является отличным аналогом салонного массажа. Занятия скалолазанием – отличный вариант для тех, кто желает похудеть, получая при этом массу блаженства.

Калорийность стручковой фасоли, ее польза и рецепты приготовления После варки фасоль стручковую калорийность которой сравнимо низкая следует посыпать зеленью и дозаправить сливочным маслом – как результат, у вас получится самый свободный нискокалорийный гарнир. Вкус можно улучшить, добавив микроскопические греночки из бекона и рубленое яичко.

Характеристики и аспекты выбора игровых мышей Одна из тех вещиц, которые следует упомянуть это даже ежели мышка использует один и тот же детектор, это не значит что они имеют схожие характеристики отслеживания. Разные производители собирают их по различному. Для образца возьмем детектор Avago 3090.

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

Характеристики и аспекты выбора игровых мышей Одна из тех вещиц, которые следует упомянуть это даже ежели мышка использует один и тот же детектор, это не значит что они имеют сходственные характеристики отслеживания. Разные производители собирают их по различному. Для образца возьмем детектор Avago 3090.

Jquery: движение блока за курсором мышки (+Пример)