`
高军威
  • 浏览: 175409 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery.raty-评级插件

jquery;raty 
阅读更多
jquery.raty-评级插件,很好用的
其中jquery.raty.min.js已经汉化了（其实就是翻译了下）：
<script type="text/javascript" src="js/jquery.raty.min.js" charset="gbk"></script>
中的charset="gbk" 用其他的编码格式会乱码 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="Pragma" content="no-cache"/>
		<meta http-equiv="Expires" content="-1"/>
		<title>jQuery Raty评级插件</title>

		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jquery.raty.min.js" charset="gbk"></script>

	</head>
	<body>


		

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

		

		<div class="session">以一个分数开始，只读:</div>
		<div id="fixed"></div>

		
		<div class="session">自己制定星星的个数:</div>
		<div id="custom"></div>
		
		

		<div class="session">自定义提示和图片:</div>
		<div id="target"></div>

		

		<div class="session">使用onclick回调函数:</div>
		<div id="click"></div>

		
		
		<div class="session">显示半颗星星:</div>
		<div id="half"></div>


		<div class="session">默认的取消按钮:</div>
		<div id="cancel"></div>

		
		<div class="session">自定义的取消按钮:</div>
		<div id="cancel-custom"></div>

	</body>
	
	<script type="text/javascript">
		$(function() {
		   $('div#star').raty();

			$('div#fixed').raty({
				readOnly:	true,
				start:		2
		   });

			$('div#custom').raty({
				scoreName:	'entity.score',
				number:		10
			});

			$('div#target').raty({
				hintList:	['2008冠军', '2009冠军', "2010冠军", '2011冠军', '2012冠军'],
			   	starOn:		'medal-on.png',
			   	starOff:	'medal-off.png'
			});

			$('div#click').raty({
				onClick: function(score) {
					alert('score: ' + score);
				}
			});

			$('div#half').raty({
				start: 3.3,
				showHalf: true
			});

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

		   $('div#cancel-custom').raty({
				cancelHint: '取消评级分数！',
				cancelPlace: 'right',
				showCancel: true,
				onClick: function(score) {
					alert('score: ' + score);
				}
			});

		});
	</script>
</html>



$(function() {
			$('div#gjw').raty({
				readOnly:	false,
				start: 0,
				number: 5,
				hintList:	['糟糕透了', '不理想', "一般般", '很好', '棒极了'],
			   	starOn:		'medal-on.png',//设置图片，有默认的
			   	starOff:	'medal-off.png',
			   	showCancel: true,
			   	cancelPlace: 'left',//取消按钮的位置
			   	cancelHint: '取消评级分数！',
			   	onClick: function(score) {
					$("#score").val(score);
				}
		   });

		});



附带例子：
5
顶
1
踩
分享到：
| 百度地图API的使用
评论
7 楼 jacking124 2014-07-02  
scoreName 这个属性是做什么的!
6 楼 kindhyh 2013-12-23  
不错，借荐一下
5 楼 xdwangiflytek 2013-01-10  
这个我也用过的
4 楼 osacar 2013-01-10  
剛好今天在找這個東西啊。
一上來就看到有了，拿來主義了~~
謝謝
3 楼 高军威 2013-01-10  
呵呵，贴上了
2 楼 mars20038283 2013-01-10  
不错，多谢楼主分享
1 楼 qq413041153 2013-01-10  
哥们 你发插件 不发效果图 意义真的不大
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics