点击图片切换,再次点击恢复成原来的图片
<style>
#content {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
}
#photo {
width: 100%;
height: 100%;
}
</style>
<div id="content">
<img id="photo" src="./qiye.png" alt="" />
</div>
<script type="text/javascript">
var flag = true;
content.onclick = function() {
if(flag == true) {
photo.setAttribute('src', "./1.png");
flag = false;
} else {
photo.setAttribute('src', "./qiye.png");
flag = true;
}
}
</script>
版权声明:本文为qq_42972187原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。