jQuery翻国旗记国家名字【原创

来源:https://www.sucaihuo.com/js/1327.html 2017-02-07 22:55浏览(1373) 收藏

本文的翻国旗记名字是由caroufredsel.js翻牌插件完成,本来是翻扑克的,被素材火管理员改成翻国旗图片说出国家名字游戏,特别适合小朋友玩的一款益智游戏。
jQuery翻国旗记国家名字
分类:游戏 > 益智 难易:高级
查看演示 下载资源 下载积分: 120 积分

打乱国旗顺序

$('#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);
            }
        }
    }
});
标签: 翻牌游戏国旗
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/1327.html
评论0
头像

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

1 2