分类

软件大全 游戏大全 新闻资讯 游戏攻略

jquery.raty(jquery星级评分插件)下载

jquery.raty(jquery星级评分插件)下载

版本:大小:111KB

类别:综合控件系统:Win7, WinAll

本地下载
jquery.raty这是一款星级评分插件,一种是粗略评价,分三个等级,差,一般,好。还有一个是评星的评价,鼠标放上去会显示星数量,在制作评分效果的时候可以插入到中间去,非常值得学习的方法。有需要的用户可以来学习!使用方法后在页面中引入相应的js文件、cs
软件标签: jquery js代码

jquery.raty这是一款星级评分插件,一种是粗略评价,分三个等级,差,一般,好。还有一个是评星的评价,鼠标放上去会显示星数量,在制作评分效果的时候可以插入到中间去,非常值得学习的方法。有需要的用户可以来学习!

使用方法

后在页面中引入相应的js文件、css文件、图片资源,在需要添加评分组件的元素上(比如span标签)添加下面的jquery代码即可:

$('span').raty();

以上为jQuery Raty的缺省使用方法,此外,该组件还支持丰富的传入参数和回调函数,例如:

设置jQuery Raty的初始评分

评分回调函数

如果需要根据后台动态设置初始评分,可以使用回调函数实现。例如使用div中的data-attribute属性:

div data-score="1"/div

$('div').raty({

  score: function() {

    return $(this).attr('data-score');

  }

});

还可以改变星星的个数:

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

1

只读模式:

$('div').raty({ readOnly: true, score: 3 });

点击事件:

$('div').raty({

  click: function(score, evt) {

    alert('ID: ' + this.id + "score: " + score + "event: " + evt);

  }

});

路径:

变更图标保存的位置,所有图标需要位于同一目录下,路径结尾的/不添加也可以

div data-path="assets/images"/div

$('div').raty({

  path: function() {

    return this.getAttribute('data-path');

  }

});

取消评分:

$('div').raty({ cancel: true });

全局改变设置:

你可以全局更改上述提到的所有设置 $.fn.raty.defaults.OPTION = VALUE;. 该语句必须添加在插件绑定之前。

$.fn.raty.defaults.path = assets;

$.fn.raty.defaults.cancel = true;

展开全部内容
标签
jquery.raty(jquery星级评分插件)下载 js代码 jquery
精品推荐
更多+更多分类
下载工具 远程监控 网络辅助 系统增强 桌面工具 磁盘工具 数据备份 卸载清除 升级补丁 系统其它 文件管理 键盘鼠标 电子阅读 汉字输入 打印工具 转换翻译 杂类工具 文档管理 手机软件 聊天工具 QQ专区 QQ表情包 图像制作 动画制作 图像捕捉 图像浏览 3D制作 图像其它 媒体播放 音频处理 视频处理 视频转换 媒体制作 媒体其它 编程工具 数据库类 编译工具 编程其它 综合控件 病毒防治 系统安全 加密工具 股票证券 商业贸易 财务管理 CAD软件 工程建筑 交通运输 其它行业 教育管理 外语学习 电脑学习 天文地理 文科工具 理科工具 程序开发 其它教程 p图教程 网页辅助 浏览辅助 主页浏览
  • 最新
  • 最热
排行榜

点击查看更多

点击查看更多