jQuery Raty星级插件

jQuery Raty星级插件

本文演示了jQuery Raty多种调用方法,比如设置星星只读状态、没有星星时的消息提示、更改星星图片名称、点击路径、设置星星图片路径、设置取消按钮、星星尺寸和目标传参地址等。

淘建站为您提供更多_其它特效_星星打分_星星_星级,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 304 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

HTML

<div id="star"></div>

演示一:默认效果

$('#star').raty();

演示二:初始化星星分数

$('#star').raty({ score: 3 });

演示三:分数回调

<div id="star" data-score="1"></div>
$('#star').raty({
  score: function() {
    return $(this).attr('data-score');
  }
});

演示四:设置星星数量

$('#star').raty({ number: 10 });

演示五:设置星星最多数量

$('#numberMax-demo').raty({
  numberMax: 5,
  number   : 500
});

演示六:更改分数名称字段

$('#star').raty({ scoreName: 'entity[score]' });

演示七:星星数量回调

$('#star').raty({
  number: function() {
    return $(this).attr('data-number');
  }
});

演示八:设置带有半颗星星

$('#star').raty({ score: 3.26 });

演示九:半颗星

$('#star').raty({ half: true });

其余方法请看星级插件演示部分

jQuery Raty中文API

参数 描述 默认值

jQuery Raty参数

cancel 是否创建取消按钮 false
cancelClass 取消按钮样式 raty-cancel
cancelHint 取消按钮提示 Cancel this rating!
hints 每颗星星的提示 ['bad', 'poor', 'regular', 'good', 'gorgeous'] -
click 点击事件 -
mouseout 鼠标离开 -
mouseove 鼠标悬浮 -
half 半颗星 false
number 星星数量 5
numberMax 最大数量 -
path 星星图片存放文件位置 -
precision 是否精确到小数 false
readOnly 是否只读 false
round 分数小数范围决定星星半颗或满星{ down: .25, full: .6, up: .76 } -
score 初始化星星分数 -
space 每颗星星间距 true
starHalf 默认状态下星星图片 star-half.png
starOff 鼠标悬浮星星图片 star-off.png
starOn 鼠标离开星星图片 star-on.png
target 传参到目标地址 -

jQuery Raty回调方法

$('div').raty('score'); 获得当前分数 -
$('div').raty('score', number); 设置分数 -
$('div').raty('click', number); 点击星星 -
$('div').raty('readOnly', boolean); 改变星星只读状态 -
$('div').raty('cancel', boolean); 是否显示取消按钮 -
$('div').raty('reload'); 重置星星状态 -
$('div').raty('set', { option: value }); 重新设置 -
$('div').raty('destroy'); 销毁绑定事件 -
$('div').raty('move', number); 移动位置 -

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/481.html
jQuery Raty星级插件 希望对你有帮助,感谢您的支持!
  • jQuery+cookie影片观后感星级评分

    jQuery+cookie影片观后感星级评分

  • jQuery仿淘宝星星打分

    jQuery仿淘宝星星打分

  • jQuery淘宝订单星级评分

    jQuery淘宝订单星级评分

  • jQuery+PHP星级评分

    jQuery+PHP星级评分

  • jquery星星打分评论_滑动星星打分评论代码

    jquery星星打分评论_滑动星星打分评论代码

  • js星级评论打分系统点击星星评论

    js星级评论打分系统点击星星评论

  • 星星评价-可无限增加

    星星评价-可无限增加

  • 星星打分,评分javascript特效源码,javascript特效下载

    星星打分,评分javascript特效源码,javascript特效下载

  • 星星评分js,分数提交到地址栏进行保存

    星星评分js,分数提交到地址栏进行保存

  • 简单的jquery滑动星星评分效果代码

    简单的jquery滑动星星评分效果代码

  • jQuery美化单选框星级评论表单代码

    jQuery美化单选框星级评论表单代码

  • js星级评分点击星级评论打分效果

    js星级评分点击星级评论打分效果

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2