Script.aculo.us の Effect をちょっと簡単に書く方法

普通はこういう風に書く

new Effect.Opacity($('id'), {from: 1, to: 0});

こういう、インスタンスを取得しない new は JavaScript では一般的に使われる。
関連するプロパティを this にまとめ、イベントを this に bind して分かりやすくするためである。
でも、慣れてないと逆にわかりにくい。

それで、最近のScriptaculousではこう書ける。

$('id').visualEffect('opacity', {from: 1, to: 0});

こっちのが、ちょっとイメージ掴みやすいですよね。

ついでに、こんな書き方も出来るかも！(未検証)

<a href="javascript:void(0);" onmouseover="Element.extend(this);" onclick="visualEffect('opacity', {from: 1, to: 0});"></a>