20案例点击超链接切换图片.gif
- 20案例点击超链接切换图片.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>20案例点击超链接切换图片</title>
<style>
/*img{
width: 300px;
height: 400px;
}*/
</style>
</head>
<body>
<a id="ak" href="images/1.jpg"><img src="images/1-small.jpg" alt="" id="im"></a>
<script>
//点击图片标签,设置图片标签的src路径为超链接中大图的路径
document.getElementById("im").onclick=function (){
this.src=document.getElementById("ak").href;
return false;//跳转地址就不会变
};
</script>
</body>
</html>
