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}

• 北京


• 上海


• 武汉


• 广州

声明：

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