jQuery CSS3卡片自动翻牌特效

来源:https://www.sucaihuo.com/js/2573.html 2017-07-29 20:11浏览(1255) 收藏

简单实用的jQuery CSS3卡片自动翻牌特效,卡片式图片轮流翻牌动画效果。
jQuery CSS3卡片自动翻牌特效
分类:图片代码 > 图片插件 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function () {
	flip();
});
function flip() {
	var timer = null;
	var i = 0;
	var j = 0;
	var aFlip = $(".card");
	function flipFn(arg1, arg2) {
		aFlip.eq(i).toggleClass('card-flipped'); 
		i++;
		if(i==5){
			i=0;
		}
	
	}
	timer = setInterval(flipFn, 2000);
}
</script>
标签: 翻牌卡片
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2