像支付宝一样,可以点银行卡的图片进行选择,然后有红圈表示已经选中的一款JS特效,代码如下:
无标题文档
.bank{background:url(http://js.alixixi.com/UploadPic/2012-6/20126161135670932.jpg); cursor:pointer; width:190px; height:36px; display:inline-block; text-indent:-999em; overflow:hidden; border:1px solid #dfdfdf; vertical-align:middle;}
.gongshang{ background-position:-275px -204px;}
.nongye{ background-position:-47px -204px;}
.checked{ border:1px solid #f76b0c;}
ra = document.getElementsByName('bank');
len = ra.length;
for(i=0;i
ra[i].onclick = function(){
la = document.getElementsByTagName('label');
len2 = la.length;
for(j=0;j
效果如图所示:
la[j].className = la[j].className.replace('checked','');
}
var label_id = this.getAttribute('id')+'_label';
var label_obj = document.getElementById(label_id);
label_obj.className+=" checked";
}
}
效果如图所示:

相关文章
- 2021-06-09 2021-06-09
- 2021-06-08 2021-06-08
- 2021-04-24 2021-04-24
- 2021-04-24 2021-04-24
- 2021-04-21 2021-04-21
- 2021-04-20 2021-04-20