<html><head>
<script language="JavaScript" src="scriptaculous/lib/prototype.js"></script>
<script language="JavaScript" src="scriptaculous/src/scriptaculous.js"></script>
<script type="text/javascript">
function visualEffects() {
new Effect.Fade('imageOne',4);
new Effect.Pulsate('imageTwo');
new Effect.Shake('imageThree');
new Effect.Highlight('header', {startcolor: '#ffffff', endcolor: '#cccccc', duration: 20});
}
</script></head>
<body onLoad="visualEffects();">
<h1 id="header">Fun with visual effects</h1>
<div id="pics">
<imgsrc="1.jpg" style="width : 400px; height : 500px;" id="imageOne"/><br>
<imgsrc="2.jpg" style="width : 400px; height : 500px;" id="imageTwo"/><br>
<imgsrc="3.jpg" style="width : 400px; height : 500px;" id="imageThree"/>
</div></body></html>
用户评论