$(function() {
var alldata = new Array("image/一.jpg", "image/2.jpg");
var imageName = new Array("#img1");
var nameNum = imageName.length - 1;
var num = alldata.length - 1;
var show = $("#image");
var btn = $("#btn");
var open = false;
function change() {
var randomVal = Math.round(Math.random() * num);
var prizeName = alldata[randomVal];
show.text(imageName);
show.attr("src", prizeName);
}
Array.prototype.indexOf = function(val) {
for(var i = 0; i < this.length; i++) {
if(this[i] == val) return i;
}
return -1;
};
Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if(index > -1) {
this.splice(index, 1);
}
};
function run() {
if(!open) {
<!-- 指定函数出现的速度,以毫秒计算-->
timer = setInterval(change, 20);
//btn.removeClass('start').addClass('stop').text('停止');
open = true;
} else {
var height = $(imageName[nameNum]).css("height");
var width = $(imageName[nameNum]).css("width");
var name = $("#image").attr("src");
var imgClone = $("#image").clone(true).css("opacity", '0.7');
alldata.remove(name);
imgClone.css({
"position": "absolute",
"top": "50px",
"left": "50px"
});
$("#imgDiv").parent().append(imgClone);
imgClone.animate({
height: "150px",
width: "150px"
}, 400);
imgClone.animate({
left: $(imageName[nameNum]).offset().left,
top: $(imageName[nameNum]).offset().top
}, 600);
imgClone.animate({
height: height,
width: width
}, 350, function() {
$(imageName[nameNum]).attr("src", name);
nameNum = nameNum - 1;
}
);
clearInterval(timer);
open = false;
}
}
$(document).keydown(function(e) {
if(!e) var e = window.event;
if(e.keyCode == 32) {
run();
}
});
})