doevisualizations
Version:
Data Visualization Library based on RequireJS and D3.js (v4+)
30 lines (29 loc) • 685 B
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">» Run</button>
<div id="block">Hello!</div>
</div>
<div style='clear:both'></div>
<script type='text/javascript' src='../../node_modules/steal/steal.js' main='@empty'>
</script>
<script type='text/javascript' id="demo-source">
steal('jquerypp/dom/animate',function () {
$("#go").click(function () {
$('#block').animate({"width" : '1px'}, 1000).animate({"width" : '200px'}, 100)
});
});
</script>
</body>
</html>