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

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

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

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

オプション 1
オプション 2
オプション 3 <オプション値="4">オプション 4
オプション 5
オプション 6

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

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

オプション 1

• オプション 1 < ;/li>
  
• オプション 2
class="CRselectBoxItem">オプション 3

• オプション 4


• オプション 5


• オプション 6

<title> </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">1.

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。