2012-01-15 7 views
2

私はGoogleスタイルのドロップダウンボックス、スタイルなどを作りたいと思っています。あなたが見ることができるようにGoogle+のドロップダウンボタン/ボックスを複製する

dropdown

は基本<select>はその素敵ではありません:

dropdown

は私がGmailの上クローム開発ツールを使用してみましたが、ある私は、ドロップダウンボックスのこのタイプを意味しますDevツールをクリックするとドロップダウンボックスが消えてしまうので、ほとんど不可能です。

誰かがこれらを複製する方法を知っている人はいませんか、すでにオンラインでチュートリアルを公開している人はいますか(さらにはjQueryプラグイン)?

私はGoogleでたくさん検索しましたが、ドロップダウンメニューのチュートリアルを続けています。

ありがとうございます。

+1

そして、私はdownvoteを推測しているがためのものですか...? – Nathan

+0

Chromeデベロッパーツールの2つのトリックで検査します。まず、コンソールのドッキングを解除します(左下のアイコン)。ウィンドウをドロップダウンの上に置きます。次に、右クリック - >要素を検査します。コンソールがポップアップし、メニューは下降した状態のままになります。第2に、右上に「要素レベルの切り替え」アイコンがあります。要素の「ホバー」状態を表示するように選択できます。 – mrtsherman

+0

オプションボックスのスタイルを設定するには、DIVに変換する必要があります。このような何かがあなたに適しているかもしれません:http://www.jankoatwarpspeed.com/examples/reinventing-drop-down/# – henryaaron

答えて

2

オプションボックスのスタイルを変更するには、DIVに変換する必要があります。このような何かがあなたに適していることがあります。このhttp://jankoatwarpspeed.com/examples/reinventing-drop-down/#

愛:http://labs.abeautifulsite.net/jquery-selectBox

+0

あなたの答えをありがとう。私はちょうど私がそれを自分で作り直したことを知らせたいと思っていて、それは今のように見えて機能します:http://screencast.com/t/Wq5DPnksJr6 – Nathan

+1

@Nathanそれはかなり優れた良い仕事です... – henryaaron

+2

ありがとう:)それを理解するにはしばらく時間がかかりましたが、私はそれが最後に働くようにしました。私はいつかjQueryプラグインに入れるかもしれません。 – Nathan

関連する問題