jquery.ui.slider.js 滑动块滑块插件

jquery.ui.slider.js 滑动块插件

第一步引入bfwone

第二步执行插件代码

示例如下

<!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(["jquery-ui.min", "jquery.ui.slider"], function() {

                $('#slider').slider( {
                    animate: true,
                    min: 0,
                    max: 20,
                    slide: function(event, ui) {
                        $("#result").html(ui.value);
                        //  windy.navigate(ui.value);
                    }


                });

            });
        });
    </script>

</head>
<body style="margin:100px;">


    <div id="slider"></div>
    <div id="result">滑动结果</div>

</body>
</html>