css中关于属性值有位置的差别 - - ITeye博客

`

fujinbing

浏览: 238908 次
性别:
来自: 北京

最近访客更多访客>>

tchqiq

ych19850810

363874279

123529867

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

zhangzijun1984：谢谢! 写的很详细
ruby 的数组操作
jcdby：非常棒的文章。我从头看到了尾。但是为什么最后的关键部分不完整呢 ...
javascript 函数对象
56553655： giianhui 写道希望能介绍一下这个类的使用场景，谢谢！看 ...
sun.misc.Unsafe 的使用
liuInsect：为什么这样就可以访问了呢？是改变了什么设置吗？？？ sec ...
sun.misc.Unsafe 的使用
softor： set什么啊？
MySQL 的 source 命令处理中文问题

css中关于属性值有位置的差别

CSS 农业交通

阅读更多

<style>
* {
margin:0;
padding:0;
}

table, tr, td {
border-collapse:collapse;
margin:0;
padding:0;
}
html, body {
color:#666666;
font-family:tahoma,arial,verdana,geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:center;
}

input, textarea {
-x-system-font:none;
font-family:tahoma,arial,verdana,geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.input_address span.red {
color:#FF0000;
}
.input_address div.main_module input.txtinput,.checkout_product_list.total p.info input.txtinput,.checkout_product_list input.txtinput_b {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C4C4C4;
color:#666666;
font-family:arial,tahoma,verdana,geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:22px;
line-height:normal;
}
.post_error {
color:#FF0000;
padding-left:5px;
}
.post_notice {
color:#84858A;
padding-left:5px;
}

select {
-x-system-font:none;
font-family:tahoma,arial,verdana,geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
td.add_address_left {
padding-right:5px;
text-align:right;
}

div.left_module, div.right_module, div.main_module {
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}
div.left_module, div.right_module, div.main_module {
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}

h2.left_module, h2.right_module, h2.main_module {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
font-size:12px;
height:26px;
line-height:25px;
overflow:hidden;
padding-left:10px;
}
.input_address {
padding-top:20px;
}
.cart_payment_btn {
height:27px;
overflow:hidden;
padding:0 0 0 16px;
}
.cart_payment_btn div {
float:left;
padding-right:5px;
}
.cart_payment_btn div.on a.online {
background-position:0 bottom;
}
.cart_payment_btn a.bank {
background-position:-89px top;
}
.cart_payment_btn a.online {
background-position:0 top;
}
.cart_payment_btn a.online, .cart_payment_btn a.online:hover, .cart_payment_btn a.bank, .cart_payment_btn a.bank:hover, .cart_payment_btn a.alipay, .cart_payment_btn a.alipay:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.mbaobao.com/templates/default/images/bg_cart_payment_btn.gif) no-repeat scroll 0 0;
}
.cart_payment_btn a {
display:block;
height:27px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
text-indent:-900em;
width:90px;
}
a:link, a:visited {
color:#666666;
text-decoration:none;
}

.cart_payment_main {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.mbaobao.com/templates/default/images/bg_cart_payment_middle.gif) repeat-y scroll 0 0;
clear:both;
width:752px;
}
.cart_payment_top {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.mbaobao.com/templates/default/images/bg_cart_payment_top.gif) no-repeat scroll 0 0;
height:8px;
overflow:hidden;
}

.cart_payment_middle {
padding-bottom:7px;
}
.cart_payment_middle .online_bank ul {
margin:0 auto;
padding-top:15px;
width:660px;
}
ul {
list-style-type:none;
margin:0;
padding:0;
}
.cart_payment_middle .online_bank ul li {
float:left;
height:45px;
width:165px;
}
.online_bank input {
float:left;
margin:9px 20px 0 0;
}
.cart_payment_middle table tr td, .change_payment_middle table tr td {
border-bottom:1px dashed #DDDDDD;
padding:10px 0;
}
label.bank_logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.mbaobao.com/templates/default/images/icon_payment_logo_online.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:35px;
text-indent:-999em;
}
label.logo_alipay_bocb2c, label.logo_boc {
background-position:0 top;
width:71px;
}
label.logo_cmb {
background-position:-71px top;
width:80px;
}
label.logo_alipay_cmb {
background-position:-71px top;
width:80px;
}
label.logo_alipay_ccb, label.logo_ccb {
background-position:-151px top;
width:103px;
}
label.logo_alipay_abc, label.logo_abc {
background-position:-254px top;
width:100px;
}
label.logo_alipay_cib {
background-position:-354px top;
width:80px;
}
label.logo_alipay_gdb {
background-position:-434px top;
width:94px;
}
label.logo_alipay_sdb {
background-position:-528px top;
width:97px;
}
label.logo_alipay_cmbc {
background-position:-625px top;
width:105px;
}
label.logo_alipay_comm, label.logo_comm, label.logo_bocomm {
background-position:-730px top;
width:108px;
}
label.logo_alipay_citic {
background-position:-838px top;
width:79px;
}
label.logo_alipay_hzcbb2c {
background-position:-917px top;
width:106px;
}
label.logo_alipay_cebbank {
background-position:-1023px top;
width:111px;
}
label.logo_icbc_perbank_b2c, label.logo_icbc {
background-position:-1134px top;
width:102px;
}
label.logo_spdb_b2c {
background-position:-1236px top;
width:84px;
}
label.logo_alipay {
background-position:-1345px top;
width:57px;
}
label.logo_tenpay {
background-position:-1402px top;
width:60px;
}
label.logo_99bill {
background-position:-1462px top;
width:36px;
}
label.logo_cashpay {
background-position:0 -35px;
width:127px;
}
label.logo_cod {
background-position:-127px -35px;
width:127px;
}
label.logo_cp {
background-position:-254px -35px;
width:81px;
}

.dpn {
display:none;
}
.cart_payment_middle table tr td, .change_payment_middle table tr td {
border-bottom:1px dashed #DDDDDD;
padding:10px 0;
}
.cart_payment_bottom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.mbaobao.com/templates/default/images/bg_cart_payment_bottom.gif) no-repeat scroll 0 0;
height:8px;
overflow:hidden;
}
.cart_btn {
clear:both;
height:40px;
padding:20px 0 0 32px;
}

</style>
<script type="text/javascript" src="http://www.mbaobao.com/templates/default/js/jquery.js?20090826.1049.62"></script>

<script type="text/javascript">
function switch_payment_group(iId)
{
$('div[id^="div_payment_group_"]').hide();
$('#div_payment_group_' + iId).show();
$('div[id^="div_payment_menu_"]').removeClass('on');
$('#div_payment_menu_' + iId).addClass('on');
}

$(function(){switch_payment_group(1);});
</script>

<div class="input_address">
<h2 class="main_module">选择支付方式</h2>
<div class="main_module" style="padding: 16px 0pt 16px 16px; height: 1%;">
<form name="form_checkout_payment" action="/goods/checkout_payment.php" method="post">

<div class="cart_payment_btn">
<div id="div_payment_menu_1" class="on"><a class="online" href="javascript:void(0);" onclick="switch_payment_group(1);">在线支付</a></div>
<div class="" id="div_payment_menu_2"><a class="bank" href="javascript:void(0);" onclick="switch_payment_group(2);">线下付款</a></div>

</div>
<div class="cart_payment_main">
<div class="cart_payment_top"></div>
<div class="cart_payment_middle">

<div style="display: block;" id="div_payment_group_1">
<div class="online_bank">
<ul>
<li><input id="id_icbc_perbank_b2c" name="payment_id" value="icbc_perbank_b2c" type="radio"><label for="id_icbc_perbank_b2c" style="cursor: pointer;" class="bank_logo logo_icbc_perbank_b2c" title="工行网银">工行网银</label></li>

<li><input id="id_alipay" name="payment_id" value="alipay" type="radio"><label for="id_alipay" style="cursor: pointer;" class="bank_logo logo_alipay" title="支付宝">支付宝</label></li>
<li><input id="id_tenpay" name="payment_id" value="tenpay" type="radio"><label for="id_tenpay" style="cursor: pointer;" class="bank_logo logo_tenpay" title="财付通">财付通</label></li>
<li><input id="id_cmb" name="payment_id" value="cmb" type="radio"><label for="id_cmb" style="cursor: pointer;" class="bank_logo logo_cmb" title="招商银行网银">招商银行网银</label></li>
<li><input id="id_bocomm" name="payment_id" value="bocomm" type="radio"><label for="id_bocomm" style="cursor: pointer;" class="bank_logo logo_bocomm" title="交通银行网银">交通银行网银</label></li>
<li><input id="id_spdb_b2c" name="payment_id" value="spdb_b2c" type="radio"><label for="id_spdb_b2c" style="cursor: pointer;" class="bank_logo logo_spdb_b2c" title="浦发银行网银">浦发银行网银</label></li>
<li><input id="id_alipay_bocb2c" name="payment_id" value="alipay_bocb2c" type="radio"><label for="id_alipay_bocb2c" style="cursor: pointer;" class="bank_logo logo_alipay_bocb2c" title="在线支付-中国银行">在线支付-中国银行</label></li>

<li><input id="id_alipay_ccb" name="payment_id" value="alipay_ccb" type="radio"><label for="id_alipay_ccb" style="cursor: pointer;" class="bank_logo logo_alipay_ccb" title="在线支付-中国建设银行">在线支付-中国建设银行</label></li>
<li><input id="id_alipay_abc" name="payment_id" value="alipay_abc" type="radio"><label for="id_alipay_abc" style="cursor: pointer;" class="bank_logo logo_alipay_abc" title="在线支付-中国农业银行">在线支付-中国农业银行</label></li>
<li><input id="id_alipay_cib" name="payment_id" value="alipay_cib" type="radio"><label for="id_alipay_cib" style="cursor: pointer;" class="bank_logo logo_alipay_cib" title="在线支付-兴业银行">在线支付-兴业银行</label></li>
<li><input id="id_alipay_gdb" name="payment_id" value="alipay_gdb" type="radio"><label for="id_alipay_gdb" style="cursor: pointer;" class="bank_logo logo_alipay_gdb" title="在线支付-广东发展银行">在线支付-广东发展银行</label></li>
<li><input id="id_alipay_sdb" name="payment_id" value="alipay_sdb" type="radio"><label for="id_alipay_sdb" style="cursor: pointer;" class="bank_logo logo_alipay_sdb" title="在线支付-深圳发展银行">在线支付-深圳发展银行</label></li>
<li><input id="id_alipay_cmbc" name="payment_id" value="alipay_cmbc" type="radio"><label for="id_alipay_cmbc" style="cursor: pointer;" class="bank_logo logo_alipay_cmbc" title="在线支付-中国民生银行">在线支付-中国民生银行</label></li>

<li><input id="id_alipay_citic" name="payment_id" value="alipay_citic" type="radio"><label for="id_alipay_citic" style="cursor: pointer;" class="bank_logo logo_alipay_citic" title="在线支付-中信银行">在线支付-中信银行</label></li>
<li><input id="id_alipay_hzcbb2c" name="payment_id" value="alipay_hzcbb2c" type="radio"><label for="id_alipay_hzcbb2c" style="cursor: pointer;" class="bank_logo logo_alipay_hzcbb2c" title="在线支付-杭州银行">在线支付-杭州银行</label></li>
<li><input id="id_alipay_cebbank" name="payment_id" value="alipay_cebbank" type="radio"><label for="id_alipay_cebbank" style="cursor: pointer;" class="bank_logo logo_alipay_cebbank" title="在线支付-中国光大银行">在线支付-中国光大银行</label></li>
<li><input id="id_99bill" name="payment_id" value="99bill" type="radio"><label for="id_99bill" style="cursor: pointer;" class="bank_logo logo_99bill" title="快钱支付">快钱支付</label></li>
</ul>
<div style="clear: both;"></div>
</div>

</div>
<div style="display: none;" id="div_payment_group_2" class="dpn">
<table style="margin: 0pt auto;" align="center" border="0" cellpadding="6" cellspacing="6" width="95%">
<tbody><tr>
<td align="center" width="7%"><input id="id_icbc" name="payment_id" value="icbc" type="radio"></td>
<td width="23%"><label for="id_icbc" style="cursor: pointer;" class="bank_logo logo_icbc" title="工商银行">工商银行</label></td>
<td width="70%">开户行：工行嘉兴市嘉禾支行<br>帐号：6222 08120 4000 025837（牡丹卡）<br>收款人：涂秋珍</td>
</tr>

<tr>
<td align="center" width="7%"><input id="id_boc" name="payment_id" value="boc" type="radio"></td>
<td width="23%"><label for="id_boc" style="cursor: pointer;" class="bank_logo logo_boc" title="中国银行">中国银行</label></td>
<td width="70%">开户行：中国银行嘉兴经济开发区支行<br>帐号：6013 8262 0300 2213 311（借记卡）<br>收款人：涂秋珍</td>
</tr>
<tr>
<td align="center" width="7%"><input id="id_abc" name="payment_id" value="abc" type="radio"></td>

<td width="23%"><label for="id_abc" style="cursor: pointer;" class="bank_logo logo_abc" title="农业银行">农业银行</label></td>
<td width="70%">开户行：农业银行浙江嘉兴市分行<br>帐号：62284 8034 07941 96113（金穗通宝卡）<br>收款人：涂秋珍</td>
</tr>
<tr>
<td align="center" width="7%"><input id="id_ccb" name="payment_id" value="ccb" type="radio"></td>
<td width="23%"><label for="id_ccb" style="cursor: pointer;" class="bank_logo logo_ccb" title="建设银行">建设银行</label></td>

<td width="70%">开户行：中国建设银行浙江嘉兴市分行<br>帐号：4367 4214 3206 7149 190（支付宝龙卡）<br>收款人：涂秋珍</td>
</tr>
<tr>
<td align="center" width="7%"><input id="id_comm" name="payment_id" value="comm" type="radio"></td>
<td width="23%"><label for="id_comm" style="cursor: pointer;" class="bank_logo logo_comm" title="交通银行">交通银行</label></td>
<td width="70%">开户行：交通银行嘉兴分行秀园支行<br>帐号：6222 6031 3000 1495 217<br>收款人：涂秋珍</td>

</tr>
<tr>
<td align="center" width="7%"><input id="id_cp" name="payment_id" value="cp" type="radio"></td>
<td width="23%"><label for="id_cp" style="cursor: pointer;" class="bank_logo logo_cp" title="中国邮政">中国邮政</label></td>
<td width="70%">开户行：嘉兴勤俭路邮储所<br>帐号：6221 5033 5000 1150 173（邮政绿卡）<br>收款人：涂秋珍</td>
</tr>
</tbody></table>

</div>
</div>
<div class="cart_payment_bottom"></div>
</div>
<div class="cart_btn"><input src="http://www.mbaobao.com/templates/default/images/btn_cart_payment.gif" style="border: 0pt none ;" type="image"></div>
</form>
</div>
</div>

其中

<style>
* {
margin:0;
padding:0;
}

table, tr, td {
border-collapse:collapse;
margin:0;
padding:0;
}
html, body {
color:#666666;
font-family:tahoma,arial,verdana,geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:center;
}

input, textarea {
-x-system-font:none;
font-family:tahoma,arial,verdana,geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.input_address span.red {
color:#FF0000;
}
.input_address div.main_module input.txtinput,.checkout_product_list.total p.info input.txtinput,.checkout_product_list input.txtinput_b {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C4C4C4;
color:#666666;
font-family:arial,tahoma,verdana,geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:22px;
line-height:normal;
}
.post_error {
color:#FF0000;
padding-left:5px;
}
.post_notice {
color:#84858A;
padding-left:5px;
}

select {
-x-system-font:none;
font-family:tahoma,arial,verdana,geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
td.add_address_left {
padding-right:5px;
text-align:right;
}

div.left_module, div.right_module, div.main_module {
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}
div.left_module, div.right_module, div.main_module {
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}

h2.left_module, h2.right_module, h2.main_module {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
font-size:12px;
height:26px;
line-height:25px;
overflow:hidden;
padding-left:10px;
}
.input_address {
padding-top:20px;
}
.cart_payment_btn {
height:27px;
overflow:hidden;
padding:0 0 0 16px;
}
.cart_payment_btn div {
float:left;
padding-right:5px;
}
.cart_payment_btn div.on a.online {
background-position:0 bottom;
}
.cart_payment_btn a.bank {
background-position:-89px top;
}
.cart_payment_btn a.online {
background-position:0 top;
}
.cart_payment_btn a.online, .cart_payment_btn a.online:hover, .cart_payment_btn a.bank, .cart_payment_btn a.bank:hover, .cart_payment_btn a.alipay, .cart_payment_btn a.alipay:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.mbaobao.com/templates/default/images/bg_cart_payment_btn.gif) no-repeat scroll 0 0;
}
.cart_payment_btn a {
display:block;
height:27px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
text-indent:-900em;
width:90px;
}
a:link, a:visited {
color:#666666;
text-decoration:none;
}

.cart_payment_main {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.mbaobao.com/templates/default/images/bg_cart_payment_middle.gif) repeat-y scroll 0 0;
clear:both;
width:752px;
}
.cart_payment_top {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.mbaobao.com/templates/default/images/bg_cart_payment_top.gif) no-repeat scroll 0 0;
height:8px;
overflow:hidden;
}

.cart_payment_middle {
padding-bottom:7px;
}
.cart_payment_middle .online_bank ul {
margin:0 auto;
padding-top:15px;
width:660px;
}
ul {
list-style-type:none;
margin:0;
padding:0;
}
.cart_payment_middle .online_bank ul li {
float:left;
height:45px;
width:165px;
}
.online_bank input {
float:left;
margin:9px 20px 0 0;
}
.cart_payment_middle table tr td, .change_payment_middle table tr td {
border-bottom:1px dashed #DDDDDD;
padding:10px 0;
}

label.logo_alipay_bocb2c, label.logo_boc {
background-position:0 top;
width:71px;
}
label.logo_cmb {
background-position:-71px top;
width:80px;
}
label.logo_alipay_cmb {
background-position:-71px top;
width:80px;
}
label.logo_alipay_ccb, label.logo_ccb {
background-position:-151px top;
width:103px;
}
label.logo_alipay_abc, label.logo_abc {
background-position:-254px top;
width:100px;
}
label.logo_alipay_cib {
background-position:-354px top;
width:80px;
}
label.logo_alipay_gdb {
background-position:-434px top;
width:94px;
}
label.logo_alipay_sdb {
background-position:-528px top;
width:97px;
}
label.logo_alipay_cmbc {
background-position:-625px top;
width:105px;
}
label.logo_alipay_comm, label.logo_comm, label.logo_bocomm {
background-position:-730px top;
width:108px;
}
label.logo_alipay_citic {
background-position:-838px top;
width:79px;
}
label.logo_alipay_hzcbb2c {
background-position:-917px top;
width:106px;
}
label.logo_alipay_cebbank {
background-position:-1023px top;
width:111px;
}
label.logo_icbc_perbank_b2c, label.logo_icbc {
background-position:-1134px top;
width:102px;
}
label.logo_spdb_b2c {
background-position:-1236px top;
width:84px;
}
label.logo_alipay {
background-position:-1345px top;
width:57px;
}
label.logo_tenpay {
background-position:-1402px top;
width:60px;
}
label.logo_99bill {
background-position:-1462px top;
width:36px;
}
label.logo_cashpay {
background-position:0 -35px;
width:127px;
}
label.logo_cod {
background-position:-127px -35px;
width:127px;
}
label.logo_cp {
background-position:-254px -35px;
width:81px;
}
label.bank_logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.mbaobao.com/templates/default/images/icon_payment_logo_online.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:35px;
text-indent:-999em;
}
.dpn {
display:none;
}
.cart_payment_middle table tr td, .change_payment_middle table tr td {
border-bottom:1px dashed #DDDDDD;
padding:10px 0;
}
.cart_payment_bottom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.mbaobao.com/templates/default/images/bg_cart_payment_bottom.gif) no-repeat scroll 0 0;
height:8px;
overflow:hidden;
}
.cart_btn {
clear:both;
height:40px;
padding:20px 0 0 32px;
}

</style>
<script type="text/javascript" src="http://www.mbaobao.com/templates/default/js/jquery.js?20090826.1049.62"></script>

<script type="text/javascript">
function switch_payment_group(iId)
{
$('div[id^="div_payment_group_"]').hide();
$('#div_payment_group_' + iId).show();
$('div[id^="div_payment_menu_"]').removeClass('on');
$('#div_payment_menu_' + iId).addClass('on');
}

$(function(){switch_payment_group(1);});
</script>

<div class="input_address">
<h2 class="main_module">选择支付方式</h2>
<div class="main_module" style="padding: 16px 0pt 16px 16px; height: 1%;">
<form name="form_checkout_payment" action="/goods/checkout_payment.php" method="post">

<div class="cart_payment_btn">
<div id="div_payment_menu_1" class="on"><a class="online" href="javascript:void(0);" onclick="switch_payment_group(1);">在线支付</a></div>
<div class="" id="div_payment_menu_2"><a class="bank" href="javascript:void(0);" onclick="switch_payment_group(2);">线下付款</a></div>

</div>
<div class="cart_payment_main">
<div class="cart_payment_top"></div>
<div class="cart_payment_middle">

<div style="display: block;" id="div_payment_group_1">
<div class="online_bank">
<ul>
<li><input id="id_icbc_perbank_b2c" name="payment_id" value="icbc_perbank_b2c" type="radio"><label for="id_icbc_perbank_b2c" style="cursor: pointer;" class="bank_logo logo_icbc_perbank_b2c" title="工行网银">工行网银</label></li>

<li><input id="id_alipay" name="payment_id" value="alipay" type="radio"><label for="id_alipay" style="cursor: pointer;" class="bank_logo logo_alipay" title="支付宝">支付宝</label></li>
<li><input id="id_tenpay" name="payment_id" value="tenpay" type="radio"><label for="id_tenpay" style="cursor: pointer;" class="bank_logo logo_tenpay" title="财付通">财付通</label></li>
<li><input id="id_cmb" name="payment_id" value="cmb" type="radio"><label for="id_cmb" style="cursor: pointer;" class="bank_logo logo_cmb" title="招商银行网银">招商银行网银</label></li>
<li><input id="id_bocomm" name="payment_id" value="bocomm" type="radio"><label for="id_bocomm" style="cursor: pointer;" class="bank_logo logo_bocomm" title="交通银行网银">交通银行网银</label></li>
<li><input id="id_spdb_b2c" name="payment_id" value="spdb_b2c" type="radio"><label for="id_spdb_b2c" style="cursor: pointer;" class="bank_logo logo_spdb_b2c" title="浦发银行网银">浦发银行网银</label></li>
<li><input id="id_alipay_bocb2c" name="payment_id" value="alipay_bocb2c" type="radio"><label for="id_alipay_bocb2c" style="cursor: pointer;" class="bank_logo logo_alipay_bocb2c" title="在线支付-中国银行">在线支付-中国银行</label></li>

<li><input id="id_alipay_ccb" name="payment_id" value="alipay_ccb" type="radio"><label for="id_alipay_ccb" style="cursor: pointer;" class="bank_logo logo_alipay_ccb" title="在线支付-中国建设银行">在线支付-中国建设银行</label></li>
<li><input id="id_alipay_abc" name="payment_id" value="alipay_abc" type="radio"><label for="id_alipay_abc" style="cursor: pointer;" class="bank_logo logo_alipay_abc" title="在线支付-中国农业银行">在线支付-中国农业银行</label></li>
<li><input id="id_alipay_cib" name="payment_id" value="alipay_cib" type="radio"><label for="id_alipay_cib" style="cursor: pointer;" class="bank_logo logo_alipay_cib" title="在线支付-兴业银行">在线支付-兴业银行</label></li>
<li><input id="id_alipay_gdb" name="payment_id" value="alipay_gdb" type="radio"><label for="id_alipay_gdb" style="cursor: pointer;" class="bank_logo logo_alipay_gdb" title="在线支付-广东发展银行">在线支付-广东发展银行</label></li>
<li><input id="id_alipay_sdb" name="payment_id" value="alipay_sdb" type="radio"><label for="id_alipay_sdb" style="cursor: pointer;" class="bank_logo logo_alipay_sdb" title="在线支付-深圳发展银行">在线支付-深圳发展银行</label></li>
<li><input id="id_alipay_cmbc" name="payment_id" value="alipay_cmbc" type="radio"><label for="id_alipay_cmbc" style="cursor: pointer;" class="bank_logo logo_alipay_cmbc" title="在线支付-中国民生银行">在线支付-中国民生银行</label></li>

<li><input id="id_alipay_citic" name="payment_id" value="alipay_citic" type="radio"><label for="id_alipay_citic" style="cursor: pointer;" class="bank_logo logo_alipay_citic" title="在线支付-中信银行">在线支付-中信银行</label></li>
<li><input id="id_alipay_hzcbb2c" name="payment_id" value="alipay_hzcbb2c" type="radio"><label for="id_alipay_hzcbb2c" style="cursor: pointer;" class="bank_logo logo_alipay_hzcbb2c" title="在线支付-杭州银行">在线支付-杭州银行</label></li>
<li><input id="id_alipay_cebbank" name="payment_id" value="alipay_cebbank" type="radio"><label for="id_alipay_cebbank" style="cursor: pointer;" class="bank_logo logo_alipay_cebbank" title="在线支付-中国光大银行">在线支付-中国光大银行</label></li>
<li><input id="id_99bill" name="payment_id" value="99bill" type="radio"><label for="id_99bill" style="cursor: pointer;" class="bank_logo logo_99bill" title="快钱支付">快钱支付</label></li>
</ul>
<div style="clear: both;"></div>
</div>

</div>
<div style="display: none;" id="div_payment_group_2" class="dpn">
<table style="margin: 0pt auto;" align="center" border="0" cellpadding="6" cellspacing="6" width="95%">
<tbody><tr>
<td align="center" width="7%"><input id="id_icbc" name="payment_id" value="icbc" type="radio"></td>
<td width="23%"><label for="id_icbc" style="cursor: pointer;" class="bank_logo logo_icbc" title="工商银行">工商银行</label></td>
<td width="70%">开户行：工行嘉兴市嘉禾支行<br>帐号：6222 08120 4000 025837（牡丹卡）<br>收款人：涂秋珍</td>
</tr>

<tr>
<td align="center" width="7%"><input id="id_boc" name="payment_id" value="boc" type="radio"></td>
<td width="23%"><label for="id_boc" style="cursor: pointer;" class="bank_logo logo_boc" title="中国银行">中国银行</label></td>
<td width="70%">开户行：中国银行嘉兴经济开发区支行<br>帐号：6013 8262 0300 2213 311（借记卡）<br>收款人：涂秋珍</td>
</tr>
<tr>
<td align="center" width="7%"><input id="id_abc" name="payment_id" value="abc" type="radio"></td>

<td width="23%"><label for="id_abc" style="cursor: pointer;" class="bank_logo logo_abc" title="农业银行">农业银行</label></td>
<td width="70%">开户行：农业银行浙江嘉兴市分行<br>帐号：62284 8034 07941 96113（金穗通宝卡）<br>收款人：涂秋珍</td>
</tr>
<tr>
<td align="center" width="7%"><input id="id_ccb" name="payment_id" value="ccb" type="radio"></td>
<td width="23%"><label for="id_ccb" style="cursor: pointer;" class="bank_logo logo_ccb" title="建设银行">建设银行</label></td>

<td width="70%">开户行：中国建设银行浙江嘉兴市分行<br>帐号：4367 4214 3206 7149 190（支付宝龙卡）<br>收款人：涂秋珍</td>
</tr>
<tr>
<td align="center" width="7%"><input id="id_comm" name="payment_id" value="comm" type="radio"></td>
<td width="23%"><label for="id_comm" style="cursor: pointer;" class="bank_logo logo_comm" title="交通银行">交通银行</label></td>
<td width="70%">开户行：交通银行嘉兴分行秀园支行<br>帐号：6222 6031 3000 1495 217<br>收款人：涂秋珍</td>

</tr>
<tr>
<td align="center" width="7%"><input id="id_cp" name="payment_id" value="cp" type="radio"></td>
<td width="23%"><label for="id_cp" style="cursor: pointer;" class="bank_logo logo_cp" title="中国邮政">中国邮政</label></td>
<td width="70%">开户行：嘉兴勤俭路邮储所<br>帐号：6221 5033 5000 1150 173（邮政绿卡）<br>收款人：涂秋珍</td>
</tr>
</tbody></table>

</div>
</div>
<div class="cart_payment_bottom"></div>
</div>
<div class="cart_btn"><input src="http://www.mbaobao.com/templates/default/images/btn_cart_payment.gif" style="border: 0pt none ;" type="image"></div>
</form>
</div>
</div>

有区别

分享到：

c语言指针形参 | c语言信号处理

2010-02-08 09:13
浏览 1129
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

css属性列表_和_属性值含义: CSS 属性列表和属性值含义是指在 CSS 样式表中使用的各种属性和它们的可能取值。了解这些属性和它们的含义是掌握 CSS 样式表编写的关键。媒体类型(Media) CSS 样式表可以作用于多种媒体，如屏幕、打印机、电子...

深入理解CSS中的属性模块: 使用属性前缀选择器（如[class^='btn']），可以基于属性值开头的字符串选择元素。这样可以实现类似于单类模式下的上下文重写，但这种方法可能会有局限性，比如当存在多个类名时，可能会导致样式无法正确应用。通过...

css属性值.rar: 本资料包"css属性值.rar"显然是一个关于CSS属性值的学习资源，包含了一份详细的文档"css属性值.doc"，可能涵盖了各种CSS属性的详细解释和示例，以及一个链接"A5下载- 更全的站长资源平台.url"，可能是提供更多相关...

css2视觉手册css属性大全: - `E[foo~="warning"]` 匹配`foo`属性值列表中含有`warning`的`E`元素。 - `E[lang|="en"]` 匹配`lang`属性值以`en`开头的`E`元素。 7. **类选择器（Class）**：`.class` 匹配具有指定类名的元素。 8. **ID选择器...

用jquery修改元素css的height属性值: 本文将详细讲解如何使用 jQuery 修改元素的 CSS `height` 属性值，以便实现动态调整元素高度的功能。首先，我们需要理解 `height` 这个 CSS 属性。在 CSS 中，`height` 属性用于设置元素的高度，可以是绝对值（如...

JS使用getComputedStyle()方法获取CSS属性值: 我们还需要注意到不同浏览器对于某些CSS属性值的解释可能有细微差别。例如，border属性是一个复合属性，它实际上涉及到border-width、border-color和border-style等多个属性。因此，虽然getComputedStyle()可以返回...

css属性查询手册: 《CSS属性查询手册》是针对CSS 2.0版本的一份详尽参考资料，它为开发者提供了全面、深入的CSS属性理解和应用指南。CSS，即层叠样式表（Cascading Style Sheets），是用于描述HTML或XML（包括如SVG、MathML等各种XML...

css3属性选择器,背景缩写: 3. `[attr~=value]`：选择`attr`属性值中包含空格分隔的`value`单词的元素。 4. `[attr|=value]`：选择`attr`属性值以`value`开头，且可能后跟连字符(-)的元素，主要用于语言属性的选取。 5. `[attr^=value]`：选择`...

css背景属性案例: 在网页设计中，CSS (Cascading Style Sheets) 背景属性是用于控制页面背景的重要工具之一。通过合理运用这些属性，可以极大地增强页面的视觉效果和用户体验。本文将详细介绍CSS背景属性的相关知识点，并结合一个具体...

CSS常用属性列表: 以上只是CSS常用属性的一部分，实际应用中还有许多其他属性，如`opacity`、`transform`、`cursor`等。理解并熟练运用这些属性，能帮助开发者创建出美观且功能丰富的网页界面。在实践中不断探索和学习，是提升CSS技能...

移除html元素的某个css属性: 3. **继承性**：某些CSS属性具有继承性，这意味着即使当前元素的属性值被设置为空，它仍然可能继承父元素的样式值。 4. **内联样式的优先级**：内联样式（即直接写在HTML标签中的style属性）具有较高的优先级，因此...

Css+div_常用CSS标签及属性: 其他Css属性 * display：设置元素所属类别 * none：不显示在屏幕上 * block：块级元素 * inline：内联元素 * list-item：列表元素本文总结了Css+div中常用的标签及属性，并对其进行了分类和说明，旨在帮助开发者...

CSS属性在Javascript中对应表: 理解并熟练运用这些CSS属性在JavaScript中的对应关系，将有助于开发者更高效地编写动态和交互性的网页。在实际开发中，还应考虑浏览器兼容性问题，确保代码在不同环境下都能正常工作。此外，学习使用`...

关于CSS position属性值absolute,relative的解释.zip: 在CSS布局中，`position`属性是一个至关重要的概念，它决定了元素在页面上的定位方式。本文件主要探讨了`position`属性的两个关键值：`relative`和`absolute`，这些知识点对于创建复杂的网页布局至关重要。首先，...

批量输出 CSS background-position 属性的定位像素值: 在CSS中，`background-position`属性是一个非常重要的部分，它控制着背景图像在元素内的位置。这个属性允许我们精确地定位背景图像，从而实现各种视觉效果。批量输出`background-position`属性的定位像素值通常是...

CSS属性选择器详解.pdf: CSS中的属性选择器是一种强大的选择器，允许开发者根据HTML元素的属性值来选择元素。今天，我们将深入探讨CSS属性选择器的详细解释。什么是CSS属性选择器？ --------------------- CSS属性选择器是一种特殊的选择...

CSS浮动属性Float详解什么是CSS Float？: Clear 属性有四个可能的值：both、left、right 和 none。其中，both 是最常用的值，可以清除左右两边的浮动。此外，Float 属性还可能引发塌陷问题。如果父元素只包含浮动元素，那么它的高度就会塌缩为零。如果父...

div+css笔记: Css 属性：属性值; Css 属性：属性值; }` 5. Id选择器 Id选择器是提供给某一个html元素使用的，例如： `#id 选择器名称{ Css 属性名：属性值; }` 6. Html标签选择器 Html标签选择器是用于选择特定的html元素...

css基础教程--CSS快速入门、怎样编写CSS、CSS属性、CSS定位、CSS滤镜　: CSS属性定义了元素的视觉效果，如颜色、字体、大小、位置等。常见的属性有： - `color`：设置文本颜色。 - `background-color`：设置背景颜色。 - `font-size`：设置字体大小。 - `margin`/`padding`：控制元素...

css常见定位属性的使用: 对定位属性值进行详解，和常见用法的分享。在CSS中关于定位的内容是:position:relative | absolute | static | fixed。static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。在本文中，任何一...

Global site tag (gtag.js) - Google Analytics