PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >html5特效 >jQuery+H5按空格键随机抽奖代码

jQuery+H5按空格键随机抽奖代码

2018-06-13 来源/作者:php中文网 分类:html5特效 «» 下载次数:4
jQuery+H5按空格键随机抽奖代码

代码片段:

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);
//btn.removeClass('stop').addClass('start').text('开始抽奖');
open = false;
}
}


申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: