前の記事 ≪:2010年5月11日 管理人のブックマーク
次の記事 ≫:WordPressにFacebookのLikeボタンを追加する方法色々

セレクトボックスをアンカーっぽくしてスッキリさせられるjQueryプラグイン「Narrative Select」

2010年05月12日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

JQuery Narrative Select Plugin

セレクトボックスをアンカーっぽくしてスッキリさせられるjQueryプラグイン「Narrative Select」が公開されています。
例えば、文章の途中にselect ボックスで選択肢を入れるようなUIがあったとすると、次のようになります。

普通にやれば、上のようになりますが、今回紹介するプラグインを使えば、次のようにアンカーっぽくなります。


クリックすると、select のように選択肢が次のようにカッコよく表示され、変更すると、当然、内容も変更されます。



Correct → Incorrect になりました。



select ボックスによるデザインも分かりやすくていいという意見もあると思いますが、これはこれで中々スッキリしていいですね。

関連の記事検索:jQuery, JavaScript, UI
スポンサード リンク

By.KJ : 2010年05月12日 09:08 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)