ホームページ > ウェブフロントエンド > jsチュートリアル > jquery は SELECT ドロップダウン ボックスの値をシミュレートします。

jquery は SELECT ドロップダウン ボックスの値をシミュレートします。

WBOY
リリース: 2016-05-16 17:19:07
オリジナル
971 人が閲覧しました

jquery模拟SELECT框,效果图如下:
jquery は SELECT ドロップダウン ボックスの値をシミュレートします。

复制代码 代码如下:




jquery模拟SELECT框


body{padding:0;margin:0;font-size:12px;}
ul,li{list-style:none;padding:0;margin:0;}
#dropdown{width: 186ピクセル;マージン:100px 自動;位置:相対}
.input_select{幅:150px;高さ:24ピクセル;行の高さ:24px;パディング左:4px;パディング右:30px;ボーダー:1px ソリッド #a9c9e2;背景:#e8f5fe url(arrow.gif) リピートなし rightright 4px;色:#807a62; }
#dropdown ul{幅:184px;背景:#e8f5fe;マージントップ:2px;ボーダー:1px ソリッド #a9c9e2;位置:絶対;表示:なし}
#dropdown ul li{高さ:24px;行の高さ:24px; text-indent:10px}
#dropdown ul li a{display:block;高さ:24ピクセル;色:#807a62; text-decoration:none}
#dropdown ul li a:hover{background:#c6dbfc; color:#369}
#result{margin-top:10px;text-align:center}











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