87,989
社区成员
发帖
与我相关
我的任务
分享<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
img{display:none;}
</style>
<body >
<img style="display:block;" src="a.jpg" alt="">
<img src="b.jpg" alt="">
<img src="c.jpg" alt=""><br />
<p><a href="javascript:void(0)">1</a> <a href="javascript:void(0)">2</a> <a href="javascript:void(0)">3</a></p>
<script>
var imgs = document.getElementsByTagName('img'),
a = document.getElementsByTagName('a'),
len = a.length;
for(var i = 0; i < len; i++){
!function(i){
a[i].onclick = function(){
for(var j = 0; j < len; j++){
imgs[j].style.display = 'none'
}
imgs[i].style.display = 'block';
};
}(i)
}
</script>
</body>
</html>