jquery九宫格解锁的一些实现方法 - javascript

<html>


<head>

    <title>九宫格解锁</title>

    <link href="patternLock.css"  rel="stylesheet" type="text/css" />

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

    <script src="patternLock.js"></script>

</head>

<body>

<div id="patternContainer"></div>

<div id="patternHolder6"></div>

<div id="patternHolder61"></div>

<Script>




    var lock = new PatternLock('#patternContainer',{enableSetPattern : true});

    lock.setPattern('12587');

    var lock6=new PatternLock('#patternHolder6',{

        mapper: function(idx){

            return (idx%9) + 1;

        },

        onDraw:function(pattern){

            alert(pattern);

        }




    });

    var lock61=new PatternLock('#patternHolder61',{

        enableSetPattern : true,

        mapper: function(idx){

            return (idx%9) + 1;

        },

        onDraw:function(pattern){

            //alert(pattern);

        }







    });

    //lock61.setPattern('2356917'); 

    lock61.checkForPattern('2356917',function(){
         //效验
        alert("You unlocked your app");

    },function(){

        alert("Pattern is not correct");

    });



</script>



</body>

</html>
九宫格解锁下载地址
http://www.kuitao8.com/20150710/3857.shtml

转载请注明：谷谷点程序 » jquery九宫格解锁的一些实现方法