“让我谷歌那个为你”网站制作动画鼠标怎么样？

Question

如何让动画鼠标在屏幕上移动并单击按钮？

这对于演示目的是好的！

理想情况下，它将使用javascript和/或jQuery。

编辑：页面调用了一个巨大的javascript文件，这需要我很长时间才能解析和理解。这就是我要问的原因

Answer 1

 function googleItForThem() {
    if ($.getQueryString({ id: "fwd" })) redirect();

    $("body").css("cursor", "wait");
    fakeMouse.show();
    instruct("play.step_1");

    fakeMouse.animate({
      top:  (inputField.position().top  + 15).px(),
      left: (inputField.position().left + 10).px()
    }, 1500, 'swing', function(){
      inputField.focus();
      fakeMouse.animate({ top: "+=18px", left: "+=10px" }, 'fast', function() { fixSafariRenderGlitch(); });
      type(searchString, 0);
    });

    function type(string, index){
      var val = string.substr(0, index + 1);
      inputField.attr('value', val);
      if (index < string.length) {
        setTimeout(function(){ type(string, index + 1); }, Math.random() * 240);
      }
      else {
        doneTyping();
      }
    }

Answer 2

事实上，lmgtfy确实用JavaScript和jQuery实现了这一点。为什么不阅读它的来源？

Answer 3

尝试在屏幕上移动24x24图像 - 然后使用鼠标光标的24x24 GIF图像（你猜对了）。

当图像到达目的地时，调用按钮的单击处理程序。所有这些都可以通过jQuery和jQuery UI轻松完成。

Answer 4

查看来源，他们只需使用jQuery animate移动<img>元素。