Вы можете использовать изображение как курсор мыши довольно легко, используя CSS.
div {
cursor: url(mypointer.gif), auto;
}
При этом курсор изменится на изображение, указанное вами при наведении курсора на тег div. Вам нужно будет изменить селектор CSS в примере, чтобы он соответствовал частям вашей страницы, для которых вы хотите иметь собственный указатель мыши. (вам также, очевидно, потребуется создать изображение и указать правильное имя для него в коде CSS).
Обратите внимание, что на это есть некоторые ограничения (совместимость браузера, размер изображения и т. Д.). Эта страница расскажет вам больше: http://www.quirksmode.org/css/cursor.html (прокрутите вниз до бита о стиле URL, чтобы увидеть его в использовании и дополнительную информацию)
Если вы хотите больше, чем это (например, целое деление после мыши или больший рисунок, чем поддерживается вышеупомянутым, вам нужно использовать Javascript. Лучший вариант - использовать библиотеку JavaScript, такую как JQuery с соответствующим плагином.
Вот ссылка на плагин JQuery , который позволит вам настроить всплывающие подсказки с текстом и изображениями. Демо и пример кода включены. Вам нужно будет загрузить JQuery и этот плагин и добавить их на свой сайт.