Блог

Привет, у меня есть DIV, содержащий спрайт, на котором около 40 смайликов. Его размер составляет 200 * 100 пикселей, а размер каждого смайлика составляет около 25 * 25 пикселей.

Я хочу иметь возможность использовать курсор мыши для объяснения каждого смайлика — например: ‘:) smile’.

Я не уверен, как я могу получить эффект наведения курсора мыши на JQUERY в определенных координатах.

На самом деле просто нужен толчок в правильном направлении с этим… Не уверен, с чего начать…

Можете ли вы настроить JQUERY на чтение частей DIV и реагировать по-другому?

Все изображения являются частью одного спрайта, поэтому у меня нет отдельных тегов ID / CLASS для подключения.

Любой совет был бы высоко оценен.

спасибо

На самом деле это довольно просто.

 $("#div").mousemove(function(e)
{
    var x = e.pageX - this.offsetLeft;
    var y = e.pageY - this.offsetTop;
});
  

Вот рабочий пример jsfiddle — http://jsfiddle.net/MKVuk /

Вот документация по этому вопросу — http://docs.jquery.com/Tutorials:Mouse_Position#How_do_I_find_the_mouse_position.3F

Редактировать:

Моя версия вернет координаты относительно элемента, а не страницы, что, как я подозреваю, будет гораздо полезнее для решения вашей проблемы.