基本信息
源码名称:jQuery实现图片翻牌切换效果
源码大小:0.13M
文件格式:.zip
开发语言:js
更新时间:2017-01-03
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
jQuery实现图片翻牌切换效果
var a =0; | |
|
var Timerr = setInterval(aa,200); |
|
var removepackage = setInterval(function(){ |
|
for(var jj=0;jj<$('.div>div').size()/4;jj ){ |
|
$('.div>div').eq($('.div>div').size()-jj).remove(); |
|
} |
|
},1000) |
|
function aa(){ |
|
for(var i=0;i<4;i ){ |
|
var m=parseInt(Math.random()*700 100); |
|
var j2=parseInt(Math.random()*300 1200); |
|
var j=parseInt(Math.random()*1600 000); |
|
var j1=parseInt(Math.random()*300 300); |
|
var n=parseInt(Math.random()*10 (-10)); |
|
$('.div').prepend('<div class="dd"></div>'); |
|
$('.div').children('div').eq(0).css({'left':j,'top':n}); |
|
$('.div').children('div').eq(0).animate({'left':j-j1,'top':$(window).height() 20},3000); |
|
} |
|
} |
|
$(document).on('touchstart', '.dd', function(){ |
|
$(this).css("background-position","0 -100px"); |
|
a ; |
|
if(a == 5){ |
|
$(".chuai_box").show(); |
|
clearInterval(Timerr,20); |
|
$(".div").removeClass("bg_1"); |
|
setTimeout(function(){ |
|
$(".div").addClass("bg_2"); |
|
},3000); |
|
} |
|
}); |