<html>
<head<title>testing script.aculo.us errects</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
</head>
<body>
<h1>texting script.aculo.us effects</h1>
<form Name="form1">
<input type="button" value="fade out" onclick="new Effect.Fade($('text'))">
<input type="button" value="fade in" onclick="new Effect.Appear($('text'))">
<input type="button" value="fade up" onclick="new Effect.SlideUp($('text'))">
<input type="button" value="fade down" onclick="new Effect.SlideDown($('text'))">
<input type="button" value="highlight" onclick="new Effect.Highlight($('text'))">
<input type="button" value="shake" onclick="new Effect.Shake($('text'))">
</form>
<div id="text" style="background-color:#ccc;margin:20px;padding:10px;">
<h2>testing effects</h2>
<hr>
<p>this section of the document is within a %lt;div>element with the <b>id</b>value<b>test</b>.the event handlers on the buttons above send this object to the</p></div>
</body>
</html>