Анимационный указатель стрелки

Question

Я искал способ создания анимированной стрелки, указывающей на элемент div на веб-странице с небольшим успехом.

Причина в том, что мне нужно обратить внимание пользователей на конкретный div.

Я использую jQuery, если это помогает. Я нашел PointPoint, но у него есть стрелка на краю мыши.

Answer 1

Для анимированного курсора у вас должен быть файл .ani (анимированный курсор), который вы хотите использовать.

HTML пример:

<div class="item1">abcdefgh</div> 

<div class="item2">asdasdasdasdas</div> 

CSS Пример

.cursor1 { cursor: help;} 

.item1 { line-height: 20px; 
     border: 1px solid #000; 
      height: 100px; 
      width: 100px;    
} 

Для пользовательского курсора прочитать здесь: http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/ использовать в CSS выше.

и JavaScript:

$(function() { 
    $(".item1").on("mouseover mouseout", function() { 
     $(this).toggleClass("cursor1");  
    });   
}); 

Мой ответ, что я понял из вашего запроса.