on:2012年10月19日sponsors小さく折り畳んだ紙をパタパタ開いて、小さなエレメントを大きく広げて表示するjQueryのプラグインを紹介します。下記のキャプチャは、3回開いて大きく広げます。-GitHubPFoldのデモPFoldの使い方PFoldのデモデモは3つあります。1で、その折り畳みをステップごとに紹介します。1小さく折り畳まれたエレメントをクリックして、スタートです。最終的な大きさになるまで、一気にアニメーションします。※キャプチャするのが大変でしたwさらに、展開。最終的な大きさになりました。この大きさで、3つの折り畳みです。2は、配置によって折り畳む方向が異なるものです。4つのエレメントは、グリッドからはみ出ないように展開します。2と同様ですが、最終的なポジションを変更します。展開と共に、移動のアニメーションが加わります。外部ファイル「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。HTMLコンテンツの初期状態と最終状態をそれぞれdiv要素で実装し、div要素で内包します。JavaScriptラッパーをjQueryのセレクタで指定し、スクリプトを実行します。).pfold();スクリプトのオプションオプションでは折り畳みのアニメーションやコンテナの扱いを設定できます。Posts関連記事が見つかりませんでした。