jQuery Raty 星级评分

在线实例

实例演示

使用方法

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

复制

  1. $(‘#star‘).raty();

复制

下载

时间： 2024-10-08 08:17:09

jQuery Raty 星级评分的相关文章

jQuery Raty星级评分插件使用方法

使用jQuery Raty,可以很方便的在页面上嵌入一个评分组件,如下所示:      使用方法很简单,首先从https://github.com/wbotelhos/raty下载raty的源代码(依赖于jquery) 然后在页面中引入相应的js文件.css文件.图片资源,在需要添加评分组件的元素上(比如span标签)添加下面的jquery代码即可: $('span').raty(); 以上为jQuery Raty的缺省使用方法,此外,该组件还支持丰富的传入参数和回调函数,例如: 设置jQuer

jquery实现星级评分,鼠标移入和移出改变评分

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>demo3.html</title> 5 6 <meta name="keywords" content="keyword1,keyword2,keyword3"> 7 <meta name="description" content="this is my page&q

jQuery Raty - 不错的星级评分插件

在做商品评价时,一般情况下,我们需要一个星级评分的组件,而jQuery Raty恰好满足我们的需求. 一.展示 二.使用教程 ①.下载插件 https://github.com/wbotelhos/raty ②.导入文件 <script type="text/javascript" src="${ctx}/components/raty/jquery.raty.js"></script> <link type="text/cs

评分插件 jquery.raty.js

本来想用bootstrap-star-rating的,就是上传插件那个组做的.但是还是css的问题 后来百度了个别的东西,第一页就能搜到,就不妨链接了. * @version        2.5.2 * @since          2010.06.11 * @author         Washington Botelho * @documentation  wbotelhos.com/raty 很老的一个东西,能用就好. <div id="star{{ite.$id}}"

js的选择星级评分插件

需要引入jquery和raty的js,并且低版本的jquery可能会出现样式问题,或者点击没反应,可换高版本试试 raty文档及下载: http://www.wbotelhos.com/raty/ 把下载后文件夹中的lib下文件拷到自己项目下 1 <script language="javascript" type="text/javascript" src="/JavaScript/jquery/jquery-2.1.0.min.js"&

js实现星级评分之方法一

利用一个星级评分的小案例,来逐步封装js星级评分插件. 从最基础的js知识,通过一个小的demo,逐步学习js的面向对象知识. 从浅到深,逐步递进. 图片素材 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>星级评分--第一种实现方式</title> </head> <style type="text/css&quo

js实现星级评分效果（最短代码）

1. 前言 此方案受到JS单行写一个评级组件启发,自己写了一个简单Demo. 功能有正常滑动,动态显示实心星星个数:当点击确认,则保持当前的实心星星个数:再移动时为点击,则离开后还是保持之前的状态. 此demo没有文字信息等提示,可以根据需要自行添加使用. 2. 代码 <!DOCTYPE html> <html> <head> <title>Star Rating</title> <script src="http://apps.

星级评分控件插件

/***************************************** * score星级评分使用说明 * $("XXX").score(); * 参数:无 * * 说明:元素所指向对象可为一个集合 * 元素可以是一个input type="text"文本框,若该文本框可编辑(即无readonly或disabled属性),则该星级评分可操作 * 若元素是其他标签或该文本框只读(即有readonly或disabled其中一个属性),则该星级评分为只读 *

慕课网 星级评分原理和实现（上）

源码下载 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>星级评分--第一种实现方式</title> <style> body, ul, li { padding: 0; margin: 0; display: block; } li { list-style-type: none; } .r