jquerypp/dom/animate/animate.html at docs · joolify/jquerypp · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Animate Demo</title>
</head>
<body>
<style type="text/css">
  #block {
    background-color: #bca;
    width: 100px;
    border: 1px solid green;
  }
</style>
<div id="demo-html">
  <button id="go">&raquo; Run</button>

  <div id="block">Hello!</div>
</div>
<div style='clear:both'></div>
<script type='text/javascript'
        src='../../../steal/steal.js'>
</script>
<script type='text/javascript' id="demo-source">
  steal('jquerypp/dom/animate').then(function () {
    $("#go").click(function () {
      $('#block').animate({"width" : '1px'}, 1000, "ease-in").animate({"width" : '200px'}, 100, "ease-in")
    });
  });
</script>
</body>
</html>