
- script.aculo.us 教程
- script.aculo.us - 主頁
- script.aculo.us - 概述
- script.aculo.us - 模組
- script.aculo.us - 視覺效果
- script.aculo.us - 拖放
- script.aculo.us - 排序元素
- script.aculo.us - 建立滑塊
- script.aculo.us - 自動完成
- script.aculo.us - 就地編輯
- script.aculo.us 資源
- script.aculo.us - 快速指南
- script.aculo.us - 資源
- script.aculo.us - 討論
script.aculo.us - 放大效果
描述
此效果產生縮小物件影像的錯覺。專案從形成完整專案的小點開始生長。
語法
您可以使用以下兩個表單之一來使用此效果 -
new Effect.Grow('id_of_element', [options]); OR new Effect.Grow(element, [options]);
特定於效果的引數
此效果沒有任何其他引數,除了常見引數。
例項
<html> <head> <title>script.aculo.us examples</title> <script type = "text/javascript" src = "/javascript/prototype.js"></script> <script type = "text/javascript" src = "/javascript/scriptaculous.js?load = effects"></script> <script type = "text/javascript"> function GrowEffect(element){ new Effect.Grow(element, {duration:3}); } </script> </head> <body> <div id = "myimage" onclick = "GrowEffect(this);"> <img src = "/images/scriptaculous.gif" alt = "script.aculo.us" /> <h2>Click me to see Grow Effect</h2> </div> </body> </html>
這將產生以下結果 -
scriptaculous_effects.htm
廣告