4f68a0933c
fixed the resizable text area with IE problem fixed the ad space with IE problem merged the 7.2.0 and 7.1.4 change logs
39 lines
1.5 KiB
HTML
39 lines
1.5 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>Motion Example - Using Multiple Control Points</title>
|
|
<link rel="stylesheet" type="text/css" href="css/demo.css">
|
|
|
|
<script type="text/javascript" src="../../build/yahoo/yahoo.js"></script>
|
|
<script type="text/javascript" src="../../build/event/event.js"></script>
|
|
<script type="text/javascript" src="../../build/dom/dom.js"></script>
|
|
<script type="text/javascript" src="../../build/animation/animation.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
YAHOO.example.init = function() {
|
|
var attributes = {
|
|
points: {
|
|
to: YAHOO.util.Dom.getXY('target'),
|
|
control: [ [100, 800], [0, 200], [500, 500] ]
|
|
}
|
|
};
|
|
|
|
var anim = new YAHOO.util.Motion('demo', attributes, 1, YAHOO.util.Easing.easeOut);
|
|
YAHOO.util.Event.on(document, 'click', anim.animate, anim, true);
|
|
};
|
|
|
|
YAHOO.util.Event.onAvailable('demo', YAHOO.example.init);
|
|
</script>
|
|
|
|
</head>
|
|
<body id="animation-demo-motion">
|
|
<div id="doc">
|
|
<h1>Motion Example - Using Multiple Control Points</h1>
|
|
<p>This example demonstrates how to animate an element's position with multiple control points to create a curved path.</p>
|
|
<p> Any number of control points may be used, but keep in mind that the more control points, the more work the animation has to do, so performance may suffer.</p>
|
|
<p>Click anywhere to start animation.</p>
|
|
<div id="demo"></div>
|
|
<div id="target"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|