<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.img-ul img{
width: 80px;
margin: auto 5px;
border: 1px solid salmon;
}
#show-big{
width: 300px;
height: 300px;
border: 1px red solid;
}
.img-ul img:hover{
cursor: pointer;
border: 1px solid red;
}
</style>
<script>
function enter(o){
document.getElementById("show-big").src = o.src;
}
</script>
</
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.img-ul img{
width: 80px;
margin: auto 5px;
border: 1px solid salmon;
}
#show-big{
width: 300px;
height: 300px;
border: 1px red solid;
}
.img-ul img:hover{
cursor: pointer;
border: 1px solid red;
}
</style>
<script>
function enter(o){
document.getElementById("show-big").src = o.src;
}
</script>
</