public/scripts/jquery.rater.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

jQuery.fn.rater	= function(options) {
		
	// 默认参数
	var settings = {
		enabled	: true,
		url		: '',
		method	: 'post',
		min		: 1,
		max		: 3,
		step	: 1,
		value	: null,
		after_click	: null,
		before_ajax	: null,
		after_ajax	: null,
		image	: 'star.gif',
		width	: 25,
		height	: 25
	}; 
	
	// 自定义参数
	if(options) {  
		jQuery.extend(settings, options); 
	}
	
	// 主容器
	var content	= jQuery('<ul class="rater-star"></ul>');
	content.css('background-image' , 'url(' + settings.image + ')');
	content.css('height' , settings.height);
	content.css('width' , settings.width*((settings.max-settings.min)/settings.step+1));
	
	// 当前选中的
	var item	= jQuery('<li class="rater-star-item-current"></li>');
	item.css('background-image' , 'url(' + settings.image + ')');
	item.css('height' , settings.height);
	item.css('width' , 0);
	item.css('z-index' , settings.max / settings.step + 1);
	if (settings.value) {
		item.css('width' , ((settings.value-settings.min)/settings.step+1)*settings.width);
	}
	
	content.append(item);
	
	// 星星
	if (settings.enabled) {	// 是否能更改
		for (var value=settings.min ; value<=settings.max ; value+=settings.step) {
			item	= jQuery('<li class="rater-star-item"></li>');
			
			item.attr('title' , value);
			item.css('height' , settings.height);
			item.css('width' , settings.width*((value-settings.min)/settings.step+1));
			item.css('z-index' , (settings.max - value) / settings.step + 1);
			item.css('background-image' , 'url(' + settings.image + ')');
			
			content.append(item);
		}
	}
	
	if (settings.enabled) {
		content.mouseover(function(){
			jQuery(this).find('.rater-star-item-current').hide();