https://gitee.com/yushunqiang/experiment_1/tree/master
<!DOCTYPE html>
<html>
<heat>
<meta charset="UTF-8"/>
<title>个人简历</title>
<style>
*{margin:0;padding: 0}
body{
background-image: url('背景.jpg')
}
h3{
font-weight: lighter;
font-family:'楷体';
font-size: 30px;
}
.img1 img{
margin:50px 0 0 30px;
display: block;
}
.img2{
position: relative;
}
#image1{
height: 250px;
weight: 500px;
position: absolute;
left: 300px;
}
#image2{
height: 250px;
weight: 500px;
position: absolute;
right: 300px;
}
</style>
</heat>
<body>
<div style="margin-left:30%">
<div style="float: left;"><img src='史蒂夫.jpg'width="300"height="200"></div>
<div style="margin-left:20px; width:200px; float: left;">
<ul>
<h3> <br><br> <li>余顺强 </li></h3>
<li>青海大学</li>
<li>计算机系172</li>
<li>联系方式：[email protected]</li>
</ul>
</div>
</div>
<div style="clear: both;margin-left:30%">
<h1>自我评价</h1>
<p>感觉自己是一个比较随性的人，对于任何事都没有很大的兴趣，剩下省略一万个字~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
<table border="1">
<tr>
<br><th>职位：</th>
<th>“518舍长”！！！</th>
</tr>
<tr>
<th>兴趣：</th>
<th>摄影、羽毛球、音乐、游戏</th>
</tr>
<tr>
<th>座右铭：</th>
<th>坐而论道，起而行之！</th>
</tr>
</table>
</div>
<div class="img1">
<img src='1.jpg' >
</div>
<div class="img2">
<img src="3.jpg" id="image1" style="display:none">
</div>
<script>
var oimg = document.querySelectorAll('.img1 img');
var oimg1 = document.querySelector('#image1');
var a=1,b=1;
oimg[0].onclick=function(){
if(a++%2)
oimg1.style.display='';
else
oimg1.style.display='none';
};
</script>
</body>
</html>