2012-05-16 92 views
2

我一直在寻找一种方法来创建一个动画的箭头,指向网页上的div元素,但很少成功。动画箭头指针

原因是我需要吸引用户注意特定的div。

我正在使用jQuery,如果有帮助。我找到了PointPoint,但它的鼠标边缘只有一个箭头。

+0

这项工作目前正在进行中,但你可以看看[Yarrow](http://krispo.github.io/yarrow/)。 – krispo

回答

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");  
    });   
}); 

我的回答是,我从你的查询了解。