ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jquery を使用して実装されたシミュレートされたドロップダウン ボックス コード

jQuery_jquery を使用して実装されたシミュレートされたドロップダウン ボックス コード

WBOY
リリース: 2016-05-16 18:33:04
オリジナル
1221 人が閲覧しました

ドロップダウン ボックスの美化について多くのグループ メンバーから質問がありました。ここでドロップダウン ボックスの美化の作成プロセスを説明します。これは実際に模擬的なドロップダウン ボックスです。
質問 1: ドロップダウン ボックスをシミュレートする理由は何ですか?
1. ブラウザに付属のドロップダウン ボックスのスタイルは見栄えが良くありません。
2. IE6 では、ドロップダウン ボックスの優先順位がレイヤーの優先順位よりも高いため、多くの場合、ドロップダウン ボックスがレイヤーの上に表示されます。
OK、この問題を理解した後、jQuery を使用してシミュレートされたドロップダウン ボックスを作成し始めました。

ステップ 1: 最初に構造を構築します
これは通常のドロップダウン ボックスのコードです:
XML/HTML コード

コードをコピー コードは次のとおりです。



これはシミュレートされます:
XML/HTML コード

コード コードは次のとおりです:

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート