如何用js或者其他方式控制img的css

在一个网页(里面的图像经常有像素超过屏幕宽度的),于是我设定了一个复选框,希望按下的时候页面图片是自适应的,我利用的是(img{max-width: 100%;}),然后不按的时候图片就不会自动适应宽度,等于不调用那个imgcss,想知道怎样写脚本呢
代码
<input type="checkbox" onclick="checkboxOnclick(this)" />图片自适应开关<br />

<script>

function checkboxOnclick(checkbox){

if ( checkbox.checked == true){
//图片大小不自适应
}

else{
//图片大小自适应
}

}
</script>
“//图片大小不自适应"和"//图片大小自适应"写反了

用jQuery轻松加愉快。

比如<img>有id="myImg",则写这样的jQuery代码:

function checkboxOnclick(checkbox){
if ( checkbox.checked == false){ // 写反了……╮(╯-╰)╭
$("#myImg").css("max-width", ""); // 给元素去掉css
}
else{
$("#myImg").css("max-width", "100%"); // 给元素加上css
}
}

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答