演示图：

特效说明：

一款jquery评分插件jquery.raty特效网页特效，可以设置星星个数以及对应星星个数说明、应用灵活、代码简单。电影网站制作、音乐、视频、购物网站制作代码素材。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1、调用CSS样式：
<link type=”text/css” rel=”stylesheet” href=”demo/css/application.css”>

2、调用JS插件代码：
<script type=”text/javascript” src=”demo/js/jquery.min.js”></script>
<script type=”text/javascript” src=”lib/jquery.raty.min.js”></script>

3、添加HTML代码：
将<!–效果html开始–>……<!–效果html结束–>之间的html和js代码；放在<body></body>之间。

4、JS操作代码：
$(‘#function-demo’).raty({
number: 3,//多少个星星设置
targetType: ‘hint’,//类型选择，number是数字值，hint，是设置的数组值
path      : ‘demo/img’,
hints     : [‘差’,’一般’,’好’],
cancelOff : ‘cancel-off-big.png’,
cancelOn  : ‘cancel-on-big.png’,
size      : 24,
starHalf  : ‘star-half-big.png’,
starOff   : ‘star-off-big.png’,
starOn    : ‘star-on-big.png’,
target    : ‘#function-hint’,
cancel    : false,
targetKeep: true,
targetText: ‘请选择评分’,
click: function(score, evt) {
alert(‘ID: ‘ + $(this).attr(‘id’) + “\nscore: ” + score + “\nevent: ” + evt.type);
}
});

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。