mouse-follower/index.html at master · bugcloud/mouse-follower · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html dir="ltr" lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.6, maximum-scale=1.2">
    <title>.mouseFollower - jQuery Plugin</title>
    <link href="style/style.css" rel="stylesheet"/>
  </head>
  <body>
    <h1>.mouseFollower - jQuery Plugin</h1>
    <a href="javascript:void(0);" id="follower01">Default</a>
    <a href="javascript:void(0);" id="follower02">Slow</a>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.mouseFollower.js"></script>

    <script>
      $(function() {
        $("#follower01").followMouse()
        $("#follower02").followMouse({
          animationSpeed: 800,
          easingFunction: "easeOutBack",
          noFollowDistance: 50,
          distance: [25, 25],
          position: "top-left",
          catchUpCallback: function() {
            console.log(":D");
          }
        })
      })
    </script>

  </body>
</html>