代码如下 :
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <kopf> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <link rel = "stylesheet" type = "text/cs"/cs " href = "http://yanshi.bj8dream.com/static/xiaoniren/css/common.css" rel = "externe nofollow"/> <base target = "_ self"/> <title> 思瑜科技在线充值 </title> <script type = "text/javascript" " src = "http://yanshi.bj8dream.com/static/xiaoniren/js/jquery_v172_min.js"> </script> <style type = "text/css">/ * Bank-Auswahl */.ui-cons li {float: links; Rand: 0px 10px 25px 0px; Breite: 218px; Padding-Right: 10px; Anzeige: Inline; } .ui-list-icons li Eingabe {vertikal-align: Middle; } .ui-list-icons li .icon-Box {Cursor: Zeiger; Breite: 190px; Hintergrund: #fff; Zeilenhöhe: 36px; Grenze: 1PX Solid #ddd; vertikaler Align: Mitte; Position: Relativ; Anzeige: Inline-Block; Zoom: 1; . } .ui-list-icons li .icon-Box-Sparkling {Position: absolut; Oben: -18px; links: 0px; Höhe: 14px; Zeilenhöhe: 14px; } .ui-list-icons li .icon {float: links; Breite: 126px; Polsterung: 0px; Höhe: 36px; Anzeige: Block; Zeilenhöhe: 30px; Farbe:#07f; Schriftgewicht: fett; weißer Raum: Nowrap; Überlauf: versteckt; Position: Relativ; Z-Index: 1; } .ui-list-icons li .bank-name {Position: absolut; links: 5px; Z-Index: 0; Höhe: 36px; Breite: 121px; Überlauf: versteckt; } / * Bank Hintergrund * / .Ui-list-icons li .abc, .ui-list-icons li .icbc,. .Ui-list-icons li .ceb {Hintergrund: #fff URL (Bilder/ICBC_BANK.GIF) No-Repeat 5PX Center; } / * Bank reichen * / .paybok {padding: 0px 0px 0px 20px; } .paybok .csbtx {Border-Radius: 3px; Farbe: #fff; Schriftgewicht: fett; } </style> <script type = "text/javaScript"> $ (function () {// Bank hover $ ('. UI-list-icons> li'). Hover (function () {$ (this) .Children ('. icon-box'). $ (this) .Children ('. icon-box'). removeclass ('hover'); li '). EQ (i) .Children ('. Icon-Box '). RemoveClass (' Current '); <em> 账户余额 : ¥ 81291.00 元 </em> <i> 已消费 : ¥ 64521 元 </i> </p> <form action = "/huayi_test/order/ladel.php" methode = "post" name = "f" onSubmit = "return chongzhi ();"; > <div> <Eingabe type = "text" id = "ond mone" name = "ond’ value = ""/> <span> 元 (输入充值金额 , 不支持小数 , 最低 500 元) </span> </div> </div> </div> <ul> <li> <Eingabe type = "radio" name = "bank" id = "abc" <"fast" ”” ”upceed =" upa "> <"> <"> <"> < </span> <span></span> <span>中国农业银行</span> </label> </li> <li> <input type="radio" name="bank" id="ICBC" value=""> <label for="ICBC"> <span bbd="false"> </span> <span></span> <span>中国工商银行</span> </label> </li> <li> <input type="radio" name="bank" id = "ccb" value = ""> <label für = "ccb"> <span bbd = "false"> </span> <span> </span> <span> 中国建设银行 </span> </label> </li> <li> <Eingabe type = "radio" name = "bank" id = "ccb" | <span> 中国建设银行 </span> </label> </li> <li> <Eingabe type = "radio" name = "bank" id = "psbc" value = ""> <label for = "psbc"> <span bbd = "false"> </span> <span> </span> <span> 中国邮政储蓄银行 </span> </label> </li> </li> </li> </li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> </<li> < <Label für = "boc"> <span bbd = "false"> </span> <span> </span> <span> 中国银行 </span> </label> </li> <li> <input type = "radio" name = "bank" id = "cmb" value = "" </li> <li> <Eingabe type = "radio" name = "bank" id = "comm" value = ""> <label for = "comm"> <span bbd = "false"> </span> <span> </span> <span> 交通银行 </span> </label> </li> <lag. bbd="false"> </span> <span></span> <span>浦发银行</span> </label> </li> <li> <input type="radio" name="bank" id="CEB" value=""> <label for="CEB"> <span bbd="false"> </span> <span></span> <span>中国光大银行</span> </label> </li> </ul> <div><input type = "button" value = "确认充值" onclick = "this.form.submit ();" /> </div> </form> </div> </body> </html>