Flashで怒涛のごときイベント処理を捌きまくる3技
【第3技】MouseEventの最適化 MouseEventの伝播処理は、負荷としては非常に小さいため、通常のFlashコンテンツ制作では気にする必要がありません。しかし、「大量のオブジェクトを同時に動かす」「階層構造が複雑なDisplayObjectを扱う」など、伝播対象・経路が大量になる場合には、マウスの操作でコンテンツが重くなったり、止まったりといった問題が出てきます。 この問題は、DisplayObjectTree（以下、ツリー）の構造とMouseEventの処理の仕組みに関係しています。MouseEventはツリーを伝播していきますが、前述のサンプルのように大量のDisplayObjectがaddChildされた状態では、MouseEventをツリー上のどこに通知すべきかを調べる量が多くなります。 これらの問題に対しては、ツリーの構造や伝播経路を工夫・最適化することで処理速度の改
ImgHover [jGlycy]
semooh作。 ImgHoverは、画像にマウスが乗った際の切り替え動作を実装します。 単純な画像の切り替えに加え、フェード効果を付けることも可能です。 imghover-1.1rc jQuery Plugin imgタグに jg="imghover" を記述することで、画像の切り替えが行われます。 <img src="/jglycy/img/muuu_01.gif" width="200" height="200" jg="imghover" /> 切り替わる画像のデフォルト設定は、末尾に”_o”がついたファイルです。 上記の例であれば、muuu_01.gifはマウスが乗った際にmuuu_01_o.gifと切り替えられます。 こういったsafixやprefix、あるいは切り替える画像を直接指定するようなことは、全てオプションで可能です。
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Jquery Plugin MopHover 2.0