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
35 lines
1.2 KiB
HTML
35 lines
1.2 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>Animation Example - Size</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 = {
|
|
width: { to: 300 },
|
|
height: { to: 300 }
|
|
};
|
|
|
|
var anim = new YAHOO.util.Anim('demo', attributes, 0.5, YAHOO.util.Easing.backOut);
|
|
YAHOO.util.Event.on(document, 'click', anim.animate, anim, true);
|
|
};
|
|
|
|
YAHOO.util.Event.onAvailable('demo', YAHOO.example.init);
|
|
</script>
|
|
|
|
</head>
|
|
<body id="animation-demo-size">
|
|
<div id="doc">
|
|
<h1>Animation Example - Size</h1>
|
|
<p>This example demonstrates how to animate an element's size to a given value. The backOut Easing method is used to give it some flair.</p>
|
|
<p>Click anywhere to start animation.</p>
|
|
<div id="demo"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|