php显示照片墙,照片墙(css动态效果)

摘要：html>

照片墙(css动态效果)照片墙(css动态效果)

*{

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','bounceIn','bounceInDown','bounceInLeft']

$('img').on('click',function(){

$('img').removeClass();

// 随机生成新的class

var rand = parseInt((Math.random()*10);

$(this).addClass('animated '+arr[rand])

})

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

语法:

$(selector).on(event,childSelector,data,function)

event :  必需。规定要从被选元素移除的一个或多个事件或命名空间。

childSelector :   可选。

data  :  可选。

function  :  可选。规定当事件发生时运行的函数。

on() 和 click() 的区别:

二者在绑定静态控件时没有区别，但是如果面对动态产生的控件，只有 on() 能成功的绑定到动态控件中。

批改老师：天蓬老师批改时间：2019-03-19 15:45:52

老师总结：事件是javascript编程的核心, 如操作系统一样, js也是基于事件驱动的