动画的箭头指针

时间:2012-05-16 05:36:18

标签: jquery

我一直在寻找一种创建动画箭头的方法,该箭头指向网页上的div元素但收效甚微。

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

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

1 个答案:

答案 0 :(得分: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");       
    });        
});

我的回答是我从你的查询中理解。