jquery.raty实现星级评分打分效果代码

代码语言:html

所属分类:星级评分

代码描述:jquery.raty实现星级评分打分效果代码

代码标签: 评分 打分 效果

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

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta content="width=device-width; initial-scale=1; maximum-scale=1" name="viewport">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.raty.min.js"></script>
</head>

<body>
    <div style="width:500px; margin:100px auto;">
        <div class="demo">
            <div id="function-demo" class="target-demo"></div>
            <div id="function-hint" class="hint"></div>
        </div>
        <div class="demo">
            <div id="function-demo1" class="target-demo"></div>
            <div id="function-hint1" class="hint"></div>
        </div>
    </div>
    <script type="text/javascript">
        $(function() {
         
            $('#function-demo').raty({
                number: 3, //多少个星星设置
                targetType: 'hint', //类型选择,number是数字值,hint,是设置的数组值
                path: '//repo.bfw.wiki/bfwrepo/image/',
                hints: ['差', '一般', '好'],
                cancelOff: '607b6813aab21.png',
                cancelOn: '607b6813aab21.png',
                size.........完整代码请登录后点击上方下载按钮下载查看

网友评论0