Top

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--/--/-- --:--スポンサー広告 | Trackback(-) | コメント(-)
はてなブックマーク - スポンサーサイト

フォームのラベルが動くjQuery

banner_slidinglabel フォームに入力しようとすると、ラベルが動くスクリプト「Form Design with Sliding Labels」を 紹介します。


DEMO

HTML


HTMLではここまで表示します。
slidinglabels_nocss

CSS


CSSではここまで表示します。
labelslider_nojs

jQuery


そして最後にjQueryで完成です。
labelslider_final

Form Design with Sliding Labels « CSSKarma
2010/01/30 21:11JavaScript | Trackback(0) | Comment(0)
はてなブックマーク - フォームのラベルが動くjQuery
コメントの投稿















管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL