2011-01-08 9 views
1

divx 5x5のグリッドを取得して、指定されたサイズにエキスパンドしたdivを持つことができるjQueryプラグインがあれば、他のdivを同時に縮小します。特定の(より小さいが同じ)サイズ?JQueryプラグイン:エキスパンドボックス/スライドパネル

例:divのすべてが50pxの高さから50pxの幅で開始され、つぎのdivは90px x 90pxに拡大され、他の24は10px x 10pxに縮小されます:)それは意味がありますか?

私はこのようなプラグインを見たと思っていましたが、私はこのタイプのプラグインをGoogleの検索で完全に突破しています。

答えて

1

ここで、JQuery LavaLampのデモをご覧ください。これは、あなたがどのように記述するかを調整するために調整することができるようです。

http://nixboxdesigns.com/projects/jquery-lavalamp/demos.php

UPDATE

私は、あなたが探している正確に何を発見しました。これらはMacOSスタイルのドックメニューです!

http://www.wizzud.com/jqDock/

+0

ありがとうございます。良いものだが、私はそれほど変わっていないほどのものを抱いている。 divのすべてが50pxの高さから50pxの幅で開始され、つぎのdivは90pxの幅/高さに拡張され、他の24は10px x 10pxに縮小されます:)それは意味がありますか? – Brian

+0

@Brian - ここにはJQueryのページがあります:http://plugins.jquery.com/project/jqDock – jmort253

+0

ああ、その2番目の方がはるかに優れています:)私はこの仕事をすることができると思う...ありがとう! – Brian

0

サムネイルホバー上Soh Tanaka's excellent tutorialを試してみてください。これはプラグインではありませんが、他のサムネイルのサイズを小さくすることを除いて、あなたが望むものはかなり簡単です。

.animate({width: '10px', height: '10px'}).