« CSS3とFlashの比較 | トップページ | CSS3での表示を確認するツール »

2010年10月18日 (月)

フォームのパネル項目をスライドさせるjQuery

今回はフォームの項目をスライドさせる「Fancy Sliding」を紹介します。

デモページへ

下のボタンをクリックする事により次のパネルに移動できます。
パネルを移動する毎に正誤チェックがはいります。

各パネルには「fieldset」タグを仕様してグループ化をしています。
パネルの移動ですがパネルの部分とナビゲーション部分の順番で関連付けをしているようです。

UIに一工夫すれ項目が多い場合でも入力しやすいフォームが作れそうな気がしますね。

|

« CSS3とFlashの比較 | トップページ | CSS3での表示を確認するツール »

jQuery」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1378074/37231318

この記事へのトラックバック一覧です: フォームのパネル項目をスライドさせるjQuery:

« CSS3とFlashの比較 | トップページ | CSS3での表示を確認するツール »