<script type="text/javascript" src="js/lib/prototype.js"></script><script type="text/javascript" src="js/src/effects.js"></script>
動作js腳本
js腳本:
Effect.Fade(
"div1",
{afterFinish:function (){new Effect.Appear("div1");}});
Click To Run Fade And Appear Effect... js腳本:
Effect.Puff("div2");
Click To Run Puff Effect... js腳本:
Effect.BlindDown("div3");
...
Effect.BlindUp("div3");
BlindDown And BlindUp Effect... js腳本:
Effect.SwitchOff("div4");
Click To Run SwitchOff Effect... js腳本(must has first child):
Effect.SlideDown("div5");
...
Effect.SlideUp("div5");
SlideDown And SlideUp Effect... js腳本:
Effect.DropOut("div6");
Click To Run DropOut Effect... js腳本:
Effect.Shake("div7");
Click To Run Shake Effect... js腳本:
Effect.Pulsate("div8");
Click To Run Pulsate Effect... js腳本:
Effect.Squish("div9");
Click To Run Squish Effect... js腳本:
Effect.Fold("div10");
Click To Run Fold Effect... js腳本:
Effect.Shrink(
"div11",
{afterFinish:function (){new Effect.Grow("div11");}});
Click To Run Shrink And Grow Effect... js腳本:
var e=new Effect.Highlight("div13");
Click To Run Highlight Effect...
<script type="text/javascript"> function onhighlight() { var e=new Effect.Highlight("div13"); } function shrinkandgrow() { Effect.Shrink("div11",{afterFinish:function (){new Effect.Grow("div11");}}); } function fold() { Effect.Fold("div10"); } function squish() { Effect.Squish("div9"); } function pulsate() { Effect.Pulsate("div8"); } function shake() { Effect.Shake("div7"); } function dropout() { Effect.DropOut("div6"); } function onslideup() { Effect.SlideUp("div5"); } function onslidedown() { Effect.SlideDown("div5"); } function switchoff() { Effect.SwitchOff("div4"); } function fadeandappear() { Effect.Fade("div1",{afterFinish:function (){new Effect.Appear("div1");}}); } function puff() { Effect.Puff("div2"); } function blinddown() { Effect.BlindDown("div3"); } function blindup() { Effect.BlindUp("div3"); } </script>
轉自:http://man.wizq.net/prototype/hunkcai/effect.htm