Nearth===>WEB前端--第23课/js学习/看美女案列

最新推荐文章于 2019-11-14 19:10:01 发布

码字界陈冠希

最新推荐文章于 2019-11-14 19:10:01 发布

阅读量116

点赞数

分类专栏： WEB前端第二季

本文链接：https://blog.csdn.net/ly1716/article/details/102545868

版权

WEB前端第二季专栏收录该内容

28 篇文章 0 订阅

订阅专栏

素材：找两张美女图片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Nearth</title>
	</head>
	<body>
		<h1>看美女</h1>
		<p>分析：
		1,获取图片对象
		2，绑定单击事件
		3，每次点击切换美女图片
		如果美女是你老婆，你将去看美女
		如果美女不是你老婆，你将对要求去看你老婆
		使用flag来完成
		</p>
		<img id="beauty1"src="1.jpg" >
		<script>
		var beauty1=document.getElementById("beauty1");
		var flag=false;//代表你看美女1看够了
		beauty1.onclick=function(){
			if(flag){
				beauty1.src="1.jpg";
				flag=false;
				alert("去看你老婆，不要再来看我了~");
			}
			else{
				beauty1.src="2.jpg";
				flag=true;
				alert("这个美女好看~");
			}
			
		}
		</script>
	</body>
</html>

走走停停看看美女也是每天必做的事····························

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

码字界陈冠希

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Nearth===>WEB前端--第23课/js学习/看美女案列

素材：找两张美女图片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> </head> <body> <h1>看美女</h1> <p>分析：...
复制链接

扫一扫