jquery.vgrid


Description: モニタサイズに依存しないための、自動でグリッドレイアウトを配置する国産の可変リキッドレイアウト実装プラグインです。時系列を崩すこと無くコンテンツを配置してくれるので、ユーザーのモニターに合わせたレイアウトを組む必要がありません。要jquery.easing
Sample: demo
Tutorial: 可変グリッドレイアウトのjQueryプラグイン書いたよ
License: -

Note

<script type="text/javascript">
//<![CDATA[
$(function(){
	$("#grid-content").vgrid();
});
//]]>
</script>

親要素を指定。デモではul id=”grid-content”となっており、li要素でリキッドレイアウトを実装しています。

Related snippet :

  • Description: 自動で時系列を崩さない配列を組みます。組み直す際のアニメーションもあります。 Sample: demo Tutorial: ...
  • Description: クロスブラウザ対応で使いやすいLightbox系のプラグイン。エフェクトやアニメーションがとっても可愛いです。画像をグループ化してマウスホイールで勧 ...
  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: シンプルなコンテンツスライダーです。li要素をスライドさせるので様々な応用がききそうですね。戻ること無くカルーセル式にスライドします。 S ...
  • Description: jQueryを使ってWYSIWYGを構築します。機能としてはやや乏しいですが、これはこれで面白いですね。一応、WYSIWYGの基本的な機能は揃ってい ...
  • Description: マウスオーバーした画像をハイライトし、キャプションも表示します。クロスブラウザで動作してくれますが、若干反応が遅いでしょうか。多少の改善は必要かも知 ...
  • Description: スクロールバーのデザインを変えるプラグインです。Flashではよく見かけたスクロールバーのデザインを全ブラウザで実装できます。デザインにより統一 ...