JavaScript DHTML/Scriptaculous/Morph
Morph a paragraph
<source lang="html4strict">
<html> <head> <title>Untitled Document</title> <script src="scriptaculous-js-1.8.2/lib/prototype.js" type="text/javascript"></script> <script src="scriptaculous-js-1.8.2/src/scriptaculous.js" type="text/javascript"></script> <script src="scriptaculous-js-1.8.2/src/unittest.js" type="text/javascript"></script> <script type="text/javascript"> Event.observe(window, "load", function() {
var demo = $("demo");
demo.setOpacity(0.5);
demo.observe("click", function() {
demo.morph({
width: "50ex", height: "10em",
backgroundColor: "#33de22", color: "#009",
borderWidth: "1em", borderColor: "#009",
opacity: "1"
},
{ duration: 2 });
});
}); </script> </head> <body>
Click on this paragraph.
</body> </html>
</source>
