dragdealer实现滑动拖动解锁显示数字等效果代码

代码语言:html

所属分类:拖放

代码描述:dragdealer实现滑动拖动解锁显示数字等效果代码

代码标签: 拖动 解锁 显示 数字 效果

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["dragdealer", "dragdealer"], function() {
                new Dragdealer('demo-simple-slider');

                new Dragdealer('just-a-slider', {
                    animationCallback: function(x, y) {
                        $('#just-a-slider .value').text(Math.round(x * 100));
                    }
                });
                new Dragdealer('slide-to-unlock-new', {
                    x: 1,
                    steps: 2,
                    loose: true,
                    callback: function(x, y) {
                        // Only 0 and 1 are the possible values because of "steps: 2"
                        if (!x) {
                            this.disable();
                            $('#slide-to-unlock-new').fadeOut();
                        }
                    }
   .........完整代码请登录后点击上方下载按钮下载查看

网友评论0