[B! layout][jquery] yhmtのブックマーク

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

yhmt 2010/11/28

リンク

髪・頭皮・体臭・ダイエット総合サイト｜髪・頭皮・体臭・ダイエットについて記事をまとめています

髪の毛エヌドットはどこで買える？国内で購入できるところを全て集めました 2019年9月27日 admin

yhmt 2010/03/23

リンク

Demo | jquery.vgrid.js

Demo list - Variable grid layout. demo001 - Simple Example demo002 - Basic Option Example demo003 - Any Height Grid Example demo004 - FadeIn Option Example demo005 - Sort Example demo006 - Dynamic Grid, Start/Finish Event Example demo007 - Dynamic Image Grid, Start/Finish Event Example demo008 - Multi Box Grid Example demo009 - Grid Element Show/Hide Example demo010 - Drag And Drop Sort Example

yhmt 2010/03/23

リンク

jQuery Masonry › Basic Examples

These examples demonstrate the basic effect of jQuery Masonry. $('#primary').masonry({ columnWidth: 100, it emSelector: '.box' }); it emSelector is specified to rearrange all box elements, including the ones inside another div. <div id="primary" class="wrap"> <div class="box col2">...</div> <div class="box col1">...</div> <div class="box col1">...</div> <div class="box col3">...</div> <div> <div c

yhmt 2010/01/31

リンク

David DeSandro: jQuery Masonry

Masonry is a layout plugin for the ever-popular Javascript library jQuery. Download jQuery Masonry Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Invoking Masonry only