First Draft

First Draft of the Example Files
2020-12-10 13:21:38 +00:00
parent 77a7b57c4f
commit 0335342e00
1127 changed files with 46959 additions and 56 deletions
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Effects: Animation</title>
+    <script src='jquery-3.5.1.min.js'></script>
+    <style>
+      #ball {
+        position  :relative;
+      }
+      #box {
+        width     :640px;
+        height    :480px;
+        background:green;
+        border    :1px solid #444;
+      }
+    </style>
+  </head>
+  <body>
+    <div id='box'>
+      <img id='ball' src='ball.png'>
+    </div>
+    <script>
+      bounce()
+
+      function bounce()
+      {
+        $('#ball')
+          .animate( { left:'270px', top :'380px' }, 'slow', 'linear')
+          .animate( { left:'540px', top :'190px' }, 'slow', 'linear')
+          .animate( { left:'270px', top :'0px'   }, 'slow', 'linear')
+          .animate( { left:'0px',   top :'190px' }, 'slow', 'linear', bounce)
+      }
+
+      $('#ball').click(function() { $(this).finish() })
+    </script>
+  </body>
+</html>