jquery.raty.js jQuery星级评分 js插件-BFW插件库

jquery.raty.js jQuery星级评分 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.raty", "jquery.raty"], function() {
                $("#starts").raty({
                    number: 5, //星星个数
                    path: 'http://repo.bfw.wiki/bfwrepo/image/', //图片路径
                    starOn: 'star-on.png', //黄色星星图片（可自定义）
                    starOff: 'star-off.png', //灰色星星图片（可自定义）
                    target: '#title', //显示标题
                    hints: ['很差', '一般', '不错', '很好', '满意'], //自定义标题
                    click: function(score, evt) {
                        $("#grade").val(score); //将分数保存到<input>中
                    }
                });
            });
        });
    </script>
    <style>
        .evaluate {
            width: 100%;
        }
        #starts {
            width: 150px;
            float: left;
        }
        #title {
            width: 200px;
            float: left;
        }
    </style>
</head>
<body>
    <div class="evaluate">
        <div id="starts"></div>
        <div id="title"></div>
    </div>
    <br>
    <input type="text" id="grade" />
</body>
</html>

jquery.raty.js jQuery星级评分 js插件

网友评论0

jquery.raty.js