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
40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>Motion Example - With Additional Attributes</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: [ [400, 800], [-100, 200] ]
|
|
},
|
|
width: {by: 100},
|
|
height: {by: 100}
|
|
};
|
|
|
|
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 - With Additional Attributes</h1>
|
|
<p>This example demonstrates how to animate an element's position and size together.</p>
|
|
<p>Click anywhere to start animation.</p>
|
|
<div id="demo"></div>
|
|
<div id="target"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|