程序博客网 > javlibrary2017新域名

JS基础——两张图来回切换

来源：互联网发布：javlibrary2017新域名编辑：程序博客网时间：2024/04/28 08:26

[html] view plaincopy

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS基础——两张图来回切换</title>
<script>
window.onload = function(){
var oImg = document.getElementById('img');
var onOff = true;
oImg.onclick = function(){
if(onOff){
oImg.src = 'http://placehold.it/200x200';
onOff = false;
}else{
oImg.src = 'http://placehold.it/150x150';
onOff = true;
}
};
};
</script>
</head>
<body>
<img id="img" src="http://placehold.it/150x150">
</body>
</html>

两张图片来回切换思路：

通过if else语句和自定义开关属性来判断图片切换

0 0

javlibrary2017新域名

javlibrary2017新域名

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子自媒体宣传除四害宣传养老院宣传中医宣传装修宣传城市宣传火锅宣传宣传手段运动会宣传稿网络安全宣传周网络安全宣传周主题国庆宣传标语宣传工作条例消防宣传活动日国际减灾日宣传方案绿色出行宣传月运动会宣传稿200 全国法制宣传日宪法宣传标语中国机长宣传海报世界水日宣传主题运动会宣传稿100 国庆宣传海报产品宣传海报产品宣传短片拍摄怎样宣传自己的产品产品宣传推广方案宣传画册设计产品宣传海报设计产品宣传广告片产品宣传设计产品宣传广告理财产品宣传方案宣传海报印刷价格公司宣传画册设计企业宣传画册设计消防宣传画册宣传展板价格学校宣传展板品牌宣传方案企业宣传画册文案