久しぶりにjRailsにお世話になろうとページを開いたら、jRailsのデモページが消えていて、
検索してみると色んなところで話題になっているようでした。
そこで、当時のデモページに置いてあった「jRailsにより実装できるエフェクト一覧」を下記で実装してみました。
(本家サイトにおいてあるエフェクト一覧がお気に入りだったんですが・・・残念です。)
ソースは本家サイトから持ってきてくださいね。
http://github.com/aaronchi/jrails
jRailsを使用するには、jQueryとjQueryUIが必要です。
本家ページでは、エフェクトにポーズをかけるためにapplication.jsが使われていました。
(ライブラリなのか、制作者の方の独自コードなのかは不明)
フェードのエフェクトでボックスが消える→一定時間後復活 というのはスクリプトで実装していますので、
普通にフェードのプロパティだけを実装すると、コンテンツは消えたまま復活しません。
確認してみると、IE系で下記の一部挙動に不具合がありそうです。
例)Puffをクリック→コンテンツが消える→復活しない