摘要:html>
照片墙(CSS3动态效果)照片墙(CSS3动态效果)*{margin: 0px;padding: 0px;}
.box{width: 1500px;margin: 50px auto;}
img{width: 300px;height: 200px;margin: 10px;}
var arr=['bounce','flash','pulse','rubberBand','shakeswing','tadaw','obble','bounceInLeft','bounceInRight','bounceInUp']
$('img').on('click',function() {
$('img').removeClass();
//rand随机数字
var rand=parseInt(Math.random()*10)
//随机生成新class
console.log(arr[rand])
console.log(rand)
$(this).addClass('animated '+arr[rand])
})
```javascript
//animate自己做好的动画效果
var arr=['bounce','flash','pulse','rubberBand','shakeswing','tadaw','obble','bounceInLeft','bounceInRight','bounceInUp']
$('img').on('click',function() {
$('img').removeClass();
//rand随机数字
var rand=parseInt(Math.random()*10)
//随机生成新class
$(this).addClass('animated '+arr[rand])
```
批改老师:韦小宝批改时间:2018-11-27 09:11:21
老师总结:嗯!不错写的很完整!这种小案例要多练才有效!课后记得多多练习!