ボタンをクリックすることでドロップダウンに近い要領で 隠れているコンテンツ要素をフェード付きの回転アニメーションで 展開させるjQueryプラグイン「MobilyBlocks」の動きがおもしろかったのでご紹介。 ≫mobily.pl – playground – MobilyBlocks DEMO動作は下記から。 (それぞれ2つの丸いボタンをクリックしてみてください。) ボタンをクリックすると下層コンテンツ要素が 回転しながら現れます。 何気ない動きですが何か気持ちがいい動きでもあります。 組み込みもさほど難しく、プラグインファイルと 下記のコード(サンプル)にて実装することが可能になります。 ◆SCRIPT $('.blocks').mobilyblocks({ animateTime: 500, // duration of animation zIndex: 50, // z-ind
![回転アニメーションで表示要素を展開するjQueryプラグイン「MobilyBlocks」|BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/bd7f43946768aad1f06300e637b882c90bf15786/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp.png)