jQuery ポップアップ ドロップダウン ボックスの都道府県と都市の 3 レベルのリンクの選択
代コード部分:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/Popt.js"></script>
<script type="text/javascript" src="js/city.json.js"></script>
<script type="text/javascript" src="js/citySet.js"></script>
<style type="text/css">
* { -ms-word-wrap: ブレークワード;ワードラップ: ブレークワード; }
html { -webkit-text-size-adjust: なし;テキストサイズ調整: なし; }
html、本文{高さ:99%;幅:99%; }
.wrap{幅:464px;高さ:34px;margin:20px auto;border:0;position:relative;}
.input{position:absolute;top:0;left:0;width:457px;margin:0;padding-left:5px;height:30px;line-height:30px;font-size:12px;border:1pxソリッド # c9cacb;}
s{position:absolute;top:1px;right:0;width:32px;height:32px;background:url("img/arrow.png") 繰り返しなし;}
._citys {幅: 450px;表示: インラインブロック;ボーダー: 2px ソリッド #eee;パディング: 5px;位置: 相対的; }
._citys スパン { color: #05920a;高さ: 15px;幅: 15px;行の高さ: 15px;テキスト整列: 中央;境界半径: 3px;位置: 絶対;右: 10ピクセル;上: 10ピクセル;ボーダー: 1px ソリッド #05920a;カーソル: ポインタ; }
._citys0 { 幅: 95%;高さ: 34ピクセル;行の高さ: 34px;表示: インラインブロック;ボーダーボトム: 2px ソリッド #05920a;パディング: 0px 5px;フォントサイズ:14px;フォントの太さ:太字;マージン左:6px; }
._citys0 li { 表示: インラインブロック;行の高さ: 34px;フォントサイズ: 15px;カラー: #888;幅: 80ピクセル;テキスト整列: 中央;カーソル: ポインタ; }
._citys1 { 幅: 100%;表示: インラインブロック;パディング: 10px 0; }
._citys1 a { 幅: 83px;高さ: 35ピクセル;表示: インラインブロック;背景色: #f5f5f5;カラー: #666;マージン左: 6px;マージントップ: 3px;行の高さ: 35px;テキスト整列: 中央;カーソル: ポインタ;フォントサイズ: 12px;境界半径: 5px;オーバーフロー: 非表示; }
._citys1 a:hover { color: #fff;背景色: #05920a; }
.AreaS { 背景色: #05920a !重要;色: #fff !重要; }
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
16 May 2016
前のドロップダウン ボックスの後で動的に更新する必要があるコンテンツを自動的に結合することを検討してください。JQuery を使用して実装する方が簡単です。コードは、例として州と都市のリンク効果を使用して実装されています。
16 May 2016
この記事では、JSON+Jquery の 3 レベル連携に関する関連情報を中心に紹介します。必要な方は参考にしてください。
16 May 2016
この記事では、都道府県と市区町村の 3 段階の連携ドロップダウン メニューを実現するための JavaScript を中心に紹介します。
16 May 2016
この記事では、jquery アニメーション効果の詳細な分析を提供する jquery アニメーション効果の学習ノートを共有し、フェードインおよびフェードアウト効果とスライディング効果の原理を説明します。jquery アニメーション効果をよく学びたい場合は、次のリンクを参照してください。この記事を辛抱強く読んでいただければ、予想外のことが見つかると思います。
18 Jan 2017
jqueryをベースにした超リアルな雪景色の特殊効果です。この特殊効果は、jquery コードを使用して html5 キャンバス要素を動的にプラグインし、キャンバス内に雪の特殊効果を作成します。
25 Apr 2018
今回は、jQueryのAlipayホームページのフォーカス画像効果をお届けします。jQueryのAlipayホームページのフォーカス画像効果の注意点は次のとおりです。見てみましょう。
16 May 2016
Jquery ui css フレームワークは、jquery ui のスタイル フレームワークです。jquery テーマ ローラーを使用して、必要な CSS スタイル効果を生成できます。 jquery ui のいくつかのフレームワークを使用して、jquery ui css フレームワーク効果に基づいたプラグインを開発できます。
19 Apr 2018
今回は jQuery 操作の背景色グラデーション アニメーション効果についてお届けします。 jQuery 操作の背景色グラデーション アニメーション効果の注意点は次のとおりです。
Hot tools Tags
Hot Tools
jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション
クールシステムのログインページ
クールシステムのログインページ
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER