abstrait：<!DOCTYPE html><html><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equ
<!DOCTYPE html>
<html>
<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 rel="stylesheet" type="text/css" href="Animate.css/animate.min.css"/>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<title>作業(yè)</title>
<style type="text/css">
#body{margin-top: 100px;}
#body img{width:150px;height: 150px;}
</style>
<script type="text/javascript">
$(function(){
var arr=['bounce','flash','pulse','rubberBand','shake','swing','tada','bounceOut','bounceOutDown','bounceOutLeft','bounceOutRight','bounceOutUp','fadeIn','fadeInDown','fadeInDownBig','fadeInLeft','fadeInLeftBig','fadeInRight','fadeInRightBig','fadeInUp','fadeInUpBig'];
$('#body img').on('click',function(){
$('img').removeClass();//清楚所有的圖片claa類防止部分沒有恢復(fù)
var l=parseInt(Math.random()*(arr.length));
var rad=arr[l];
$(this).addClass('animated '+rad);
})
})
</script>
</head>
<body>
<div id="body">
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
<img src="img/a.png" alt="" />
</div>
</body>
</html>
Professeur correcteur：查無此人Temps de correction：2019-05-09 14:08:23
Résumé du professeur：完成的不錯。如果想固定圖片與圖片直接，寬高一樣。就在img標(biāo)簽外，增加個div，設(shè)置寬高。繼續(xù)加油。