jquery esture.password实现手势密码解锁效果代码

代码语言:html

所属分类:拖放

代码描述:jquery esture.password实现手势密码解锁效果代码

代码标签: 手势 密码 解锁 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #gesturepwd{
            margin:20px;
        }
    </style>

</head>
<body>
    正确的密码是一个字母“Z”的形状哦!
    <div id="gesturepwd"></div>





    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.2.11.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.gesture.password.js"></script>

    <!--<script src="../dist/js/danmuplayer.min.js"></script>-->
    <script>
        $("#gesturepwd").GesturePasswd({
            backgroundColor: "#252736", //背景色
            color: "#FFFFFF", //主要的控件颜色
            roundRadii: 25, //大圆点的半径
            pointRadii: 6, //大圆点被选中时显示的圆心的半径
            space: 30, //大圆点之间的间隙
            width: 240, //整个组件的宽度
            height: 240, //整个组件的高度
            lineColor: "#00aec7".........完整代码请登录后点击上方下载按钮下载查看

网友评论0