素材:找两张美女图片
<!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>
Nearth===>WEB前端--第23课/js学习/看美女案列
最新推荐文章于 2019-11-14 19:10:01 发布