jquery slider滑块滑动验证效果代码

代码语言:html

所属分类:拖放

代码描述:jquery slider滑块滑动验证效果代码

代码标签: 滑动 验证 效果

下面为部分代码预览,完整代码请点击下载或在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(["jquery.slider", "jquery.slider"], function() {
                $("#slider1").slider({
                    callback: function(result) {
                        $("#result1").text(result);
                    }
                });

                $("#slider2").slider({
                    width: 290, // width
                    height: 50, // height
                    sliderBg: "rgb(134, 134, 131)", // 滑块背景颜色
                    color: "#fff", // 文字颜色
                    fontSize: 14, // 文字大小
                    bgColor: "#33CC00", // 背景颜色
                    textMsg: "按住滑块,拖拽验证", // 提示文字
                .........完整代码请登录后点击上方下载按钮下载查看

网友评论0