基于jquery的动画效果代码

jquery动画
有意思的地方见效果图：



思想：
将图片设置分割div的背景图片，控制div的属性，可以现实有趣的滤镜效果，本例中展示了一种，感兴趣的朋友可以尝试其他滤镜的实现。
本例其余动画部分，主要是利用jquery中提供animate和delay实现。
animate：这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性。
delay：设置一个延时来推迟执行队列中之后的项目。
实例效果：




jquery 动画



*{margin: 0px;padding: 0px;}
#test{width:300px; height: 300px; position: relative; margin: 20px auto 0px;}









$(function(){
var test = $("#test");
var html = '';
for(var i=0;i