ScriptaculousのEffect実行順序を管理するJSを作ってみた。 - IT戦記
仕事で使おうと思って作ったら意外といい出来だったので公開してみる。 だうそろーど たとえば、こう書くと var element = $('block'); var planner = new EffectPlanner( [ { Move: [element, {x: 200, y: 200}] }, { Move: [element, {x: 0, y: 300}] }, { Move: [element, {x: 300, y: 0}] }, { Move: [element, {x: 0, y: -300}] }, { Move: [element, {x: -300, y: 0}], next: 1 } ] ); planner.start(); こうなる http://sample.ecmascript.jp/20060523-00.html たとえば、こう書くと var col
slash7 with Amy Hoy » Blog Archive » Scriptaculous Cheat Sheet #1
Posted on April 22, 2006, 10:12 pm, by Amy Hoy, under ajax, tips and tricks. Into JavaScript? Have I got good news for you! If you’re interested in JavaScript-driven web apps, snazzy visual fx, and generally confusing people into thinking your site is Flash—but oh-so-much better—you should buy our JavaScript Performance Rocks! book while it’s still in beta. Written by Thomas Fuchs, the creator of
川o・-・）＜2nd life script.aculo.usのファイルサイズを軽減
http://www.goodpic.com/mt/archives2/2006/02/ajax.html で紹介されてる通り、script.aculo.usは通常のロードではファイルサイズが100KBを超えます。しかし、それはフルでロードしたときの容量なのです。script.aculo.usはロードするパッケージを選ぶことができる*1ので必要な機能だけを選べば良いのです。例えば、たいていの場合はscript.aculo.usのeffects.jsだけしか使わなかったりするので <script src="/js/scriptaculous.js?load=effects" type="text/javascript"></script> とすればOK。これでファイルサイズは34KBに収まります。また、二つ以上のパッケージを選択したい場合は <script src="/js/scriptac
hbkr | Lightbox JSにフェードインエフェクトをかけてみる
Lightbox JSとscript.aculo.usを組み合わせてみた。 左のサムネイルをクリックしてみてください。大きな画像がふわーっとフェードインで表示されます（IEのバージョンによっては動かないぽい）。 やり方はとても簡単。 195行目付近に objLightbox.style.display = 'none'; new Effect.Appear(objLightbox, {duration:0.6}); てのと 224行目付近に objOverlay.style.display = 'none'; new Effect.Fade(objLightbox, {duration:0.6, afterFinish: function() {objLightbox.style.display = 'none';}}); てな感じのを適当に入れるだ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
