猜哪个元素将被用户hover/点击的jQuery插件:jquery.aim
一个jQuery插件,它猜哪个元素将被用户悬停/点击。
示例
在线示例页面:examples page
用法
Call the function on the elements to catch user aim and add a class which will be added or removed when aiming starts or ends
$('#target').aim({ className: 'open' });
If you want to execute a function on aim starts or ends, use the aimEnter
and aimExit
options
$('#hamburger').aim({ aimEnter: function() { $('#menu').show(); }, aimExit: function(){ $('#menu').hide(); } });
调试
To see where your cursor is aiming and check if it intersects with elements use
$.aim.setDebugMode(true);
and you will see a rectangle moving around.
定义自己的功能
If you don't like the default algorithm, define your own by the following procedure
function anticipateFunc(p, v, mouseX, mouseY, anticipator) { /* Calculate the new position of anticipator using inputs p = {x:number,y:number} v = {x:number,y:number} mouseX = number mouseY = number Anticipator has some readonly values like the following { size: 50, center: {x: 0, y: 0}, effectiveSize: 1, rect : {x0: 0, y0: 0, x1: 50, y1: 50} } */ } $.aim.setAnticipateFunction(anticipateFunc);
本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!