[JS]軽快に開閉するセクシーなパネルを実装するチュートリアル

Post on:2009年9月3日

sponsors

CSS3を使った、軽快に開閉するセクシーなパネルを実装するスクリプトのチュートリアルをspyrestudiosから紹介します。

上記のキャプチャはFirefox3.5で、CSS3の角丸が反映されています。CSS3非対応のIE7などでは下記のように隅が鋭角になります。

IE7でのキャプチャ

パネルのトグルは左右のどちらにも配置することが可能で、パネルの配置は絶対配置と固定配置が可能です。
demo:2（トグル：右、配置：絶対）
demo:3（トグル：左、配置：固定）