1.结构:
2.css里:
1)设置图片的div绝对定位,调整让它与原始input重合。
2)设置input的宽高与图片的div一样大,这样精确一点。
3)然后设置input:position:relative;再设置它的z-index,让它浮在图片那个div的上面。
4)调整两个的位置,让之重合。
5)设置input:opacity:0;
3.jq里:
$(function(){
$("input").click(function(){
if(this.checked){
$(this).siblings(".box2").find("img").attr("src","被选中的图片的src");
}else{
$(this).siblings(".box2").find("img").attr("src","未被选中的图片的src");
}
})
})
注意:siblings()里面只能有一个属性。不能siblings(".box2>img"),这样是错的。
radio修改默认样式也是同样的道理,但是在jq里就要改一些东西了,
如果想点击第一个radio之后,