//页面加载的事件
window.onload = function () {
var flag = true; //假设所有的动画执行完毕了---锁=====================================
var list = my$("slide").getElementsByTagName("li");
//图片散开
function assign() {
for (var i = 0; i < list.length; i++) {
//设置每个li，用封装的animate函数，把宽，层级，透明度，left,top移动到制定的目标位置
animate(list[i], config[i], function () {
flag = true; //==============================================================
})
}
};
assign();
//右边按钮
my$("arrRight").onclick = function () {
if (flag) { //=====================================================================
flag = false;
config.push(config.shift());
assign();// 重新分配
}
};
//左边按钮
my$("arrLeft").onclick = function () {
if (flag) {
flag = false;
config.unshift(config.pop());
assign();
}
};