abstract：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="static/css/style3.css" rel="stylesheet" type="text/css">
<link href="shortcut icon" href="static/images/logo1.png" type="image/x-icon" />
<link href="static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="https://lib.baomitu.com/animate.css/3.7.0/animate.css" rel="stylesheet">
<script type="text/javascript" src="static/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#big').hide();
$('#nomal').mouseover(function(){
$('#show').show();
$('#big').show();
$(this).mousemove(function(yd){
$('#show').css({
'left':yd.pageX-$('#show').width()/2,
'top':yd.pageY-$('#show').height()/2
})
})
$('#nomal').mousemove(function(e){
var x=e.clientX;
var y=e.clientY;
var dx=$('#nomal').offset().left;
var dy=$('#nomal').offset().top;
var sx=x-dx;
var sy=y-dy;
var mw=$('#show').width()/2;
var mh=$('#show').height()/2;
$('#show').css({left:sx-mw+'px',top:sy-mh+'px'});
var lw=$('#show').position().left;
var lh=$('#show').position().top;
var maxW=('#nomal').width()-$('#show').width();
var maxH=('#nomal').height()-$('#show').height();
if(lw<=0){
$('#show').css('left','0px');
}
if(lw>=maxW){
$('#show').css('left',maxW+'px');
}
if(lh<=0){
$('#show').css('top','0px');
}
if(lh>=maxH){
$('#show').css('left',maxH+'px');
}
var lw=$('#show').position().left;
var lh=$('#show').position().top;
var newX=lw*3;
var newY=lh*3;
$('#big').find('img').css({
'left':-newX+'px',
'top':newY+'px'
})
})
})
$('#nomal').mouseleave(function(){
$('#show').hide();
$('#big').hide();
})
})
</script>
<title>放大效果</title>
</head>
<body>
<div id="nomal">
<img src="/static/images/1.jpg">
<div id="show"></div>
</div>
<div id="big">
<img src="/static/images/1.jpg">
</div>
</body>
</html>
Correcting teacher：查无此人Correction time：2019-04-17 13:59:03
Teacher's summary：完成的不错，还是你的作业吧。css我没看到。下次可以贴出来看下。继续加油。