动画箭头指针

【问题标题】：Animated arrow pointer动画箭头指针
【发布时间】：2012-05-23 15:59:09
【问题描述】：

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

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

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

【问题讨论】：

这项工作目前正在进行中，但你可以看看Yarrow。

标签： jquery

【解决方案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");       
    });        
});

我的回答是从您的询问中了解。

【讨论】：