使用javascript进行磁性光标移动

时间:2013-02-27 06:22:41

标签: javascript jquery html css

当人们用几张图片打开网页时,当观看者将鼠标放在图像外部的某个区域时,鼠标会像磁铁一样被吸引到图像上吗?有可能吗?请建议。

magnetic effect sample image

4 个答案:

答案 0 :(得分:2)

任何网页都无法强制用户将鼠标移动到某个位置。允许这样做会产生巨大的恶意影响。

另一种选择可能是当用户将鼠标悬停在指定区域上方时,图像会增长以填充该区域。

答案 1 :(得分:1)

没有。您无法使用JavaScript控制鼠标指针。

答案 2 :(得分:1)

亚马逊提交了一项关于基于重力的链接的专利,这在某种程度上类似于此处讨论的内容......

http://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO1&Sect2=HITOFF&d=PALL&p=1&u=%2Fnetahtml%2FPTO%2Fsrchnum.htm&r=1&f=G&l=50&s1=8386927.PN.&OS=PN/8386927&RS=PN/8386927

我很想知道如何在jQuery中完成这项工作,等等!

答案 3 :(得分:0)

  

。您可以使用JavaScript控制鼠标指针。

这里是very beautiful example from Codrops

您可以在codepen.io上找到许多其他内容。
这里是一个:NodeCursor

$(function() {
// init plugin
NodeCursor({
    cursor: true,
    node: true,
    cursor_velocity: 1,
    node_velocity: 0.15,
    native_cursor: "none",
    element_to_hover: ".nodeHover",
    cursor_class_hover: "disable",
    node_class_hover: "expand",
    hide_mode: true,
    hide_timing: 2000
    });
});