2011-07-11 7 views
0

私は、HTMLの要素のカスタムスタイリング(ドロップダウンボックス)をオンラインで検索しており、Jqueryプラグインとは別にヘルプを得ていません。私はこのサイト:http://themeforest.net/user/freshface/portfolioがその上に何らかの並べ替えをしていて、それに応じて非表示にして表示する要素を表示していないことをファイヤーバグを介して気付きました。Styling Select elements

私はfirebugを使用して上記のリンクからHTMLページを表示していますが、JSを使用してすべての非表示と表示を制御しているかどうかはまだわかりません。私はこれを分析する上で、もっと簡単なアプローチがあります。私が達成しようとしているのは、上のリンク上のリンク上のドロップダウン選択要素と同様の外観とデザインです。

答えて

0

このタイプのスタイルは、jsでデータを選択し、cssでスタイリングすることでul> liを完成させます。 :)

+0

jqTransformため

ルックあなたはもっと手の込んだことができます。またはこの実装スタイルを使用してチュートリアルをオンラインで知っているかもしれません。 – Chapsterj

+0

このリンクを参照してください:http://info.wsisiz.edu.pl/~suszynsk/jQuery/demos/jquery-selectbox/;) –

2

実際にはjs/jQueryが使用されています。 http://1.envato-static.com/javascripts/envato.min.js?1310371894

+0

私はそれを今感謝します。すべての変数を簡略化して名前を変更することで、読みにくくなっているのは、彼らが隠していることです。これは、selectオプションタグの上にulリストを使用しているコードのようです。ユーザがli内のaタグを選択すると、このリスト全体が隠され、li選択されたインデックスの検索が行われ、