本文的翻国旗记名字是由caroufredsel.js翻牌插件完成,本来是翻扑克的,被素材火管理员改成翻国旗图片说出国家名字游戏,特别适合小朋友玩的一款益智游戏。
打乱国旗顺序
$('#memory').shuffle()
PHP也有这个shuffle函数,之前在一家外企一个老外还考了我这个函数。
caroufredsel.js使用方法
$('#memory div.card').carouFredSel({
circular: false, // 循环模式,true为无限循环,false为单轮循环。
infinite: false, //是否启用循环,默认起用。当circular设置为false的时候,再把infinite设置为false,就可以关闭循环。
items: 1, //显示个数。默认显示5个。
auto: false, //是否自动播放。设置成false,不自动播放。
direction: 'left', //"left" 滚动方向,可选值:"right", "left", "up" , "down".
width: null, //内容的宽度,如果为null,宽度自动计算
height: null, //内容的高度,如果为null,高度自动计算
scroll: {//默认等于显示的个数 一次滚动个数。
fx: 'fade',
duration: 250
},
next: {
button: function() {
return $(this).parent();
},
onAfter: function(data) {
// second card, check for match
if (currentOpened) {
// no match, close both
if (currentOpened.children().eq(0).attr('src') != data.items.visible.attr('src')) {
currentOpened.add(this).delay(500).trigger('prev');
}
currentOpened = false;
// first card
} else {
currentOpened = $(this);
}
}
}
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791