jquery - 动画箭头指针

标签 jquery

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

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

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

最佳答案

对于动画光标,您必须有一个要使用的 .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");       
    });        
});

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

关于jquery - 动画箭头指针,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10612616/

相关文章:

javascript - 我如何从 tfoot 数据表 jquery 获取值(value)?

javascript - AngularJS-附加全局焦点事件的方式

javascript - 如何使用 bootstrap-select 动态设置多个值

javascript - VideoJs 以分钟和秒而不是微秒显示当前时间

javascript - 通过平滑滚动链接到另一个页面上的 anchor

jquery - 修复了封面图像下的导航栏

javascript - 用jquery添加css文件

javascript - 使用ajax在 map 上的点击操作上加载不同的div

javascript - 如何创建一个完美的假 jQuery 事件对象

asp.net - 通过 javascript 更改的隐藏字段在回发时不保留