jquery+CSS3模仿win7自带蜘蛛纸牌特效代码

jquery+CSS3模仿win7自带蜘蛛纸牌特效代码

一款jquery+CSS3模仿win7自带蜘蛛纸牌特效代码,仅供娱乐学习玩耍!

使用方法
在页面引入jquery.min.js代码

1
<script src="js/jquery.min.js"></script>

初始化页面布局

1
2
3
4
5
6
7
8
9
10
11
12
// 初始化页面布局
function initView(){
    var html = html2 = '';
    for(var i=1;i<=10;i++){
    html += '<div class="pokerBr" style="left: '+(120*i-100)+'px" group="'+i+'"></div>';
    html2 += '<div class="pokerLine" style="left: '+(120*i-100)+'px" group="'+i+'"></div>';
    }
    var html3 = '<div class="pokerDeposit"></div>'; // 牌堆
    var html4 = '<div class="pokerMoveGroup"></div>'; // 移动牌组
    var html5 = '<div class="pokerDoneGroup"></div>'; // 完成牌组
    $('#pokerBox').html(html+html2+html3+html4+html5);
}

数组随机排序

1
2
3
4
5
6
7
8
9
10
11
// 数组随机排序
function shuffle(arr){
    var len = arr.length;
    for(var i = 0; i < len - 1; i++){
        var idx = Math.floor(Math.random() * (len - i));
        var temp = arr[idx];
        arr[idx] = arr[len - i - 1];
        arr[len - i -1] = temp;
    }
    return arr;
}

文件信息:

    1

    发表评论