Add files via upload

Author: xyhtac

css/bundled.css

@@ -0,0 +1,172 @@
+/*!
+ *nicelabel JQuery Plugin
+ *
+ *@file: jquery-nicelabel.js
+ *@author: PJY
+ *@date: 2016/05/15
+ *@site: http://www.cat666.com/
+ *@license: MIT License
+ */
+
+*{
+	margin:0px;
+	padding:0px;
+}
+.circle-nicelabel{
+	display:none !important;
+}
+.rect-nicelabel{
+	display:none !important;
+}
+.text-nicelabel{
+	display:none !important;
+}
+
+/**圆形按钮**/
+.circle-nicelabel + label {
+	display:block;
+	width:64px;
+	height:32px;
+	background-color:rgba(0,140,186,1);
+	border-radius:32px;
+	-webkit-border-radius:32px;
+	cursor:pointer;
+	position:relative;
+	overflow:hidden;
+	transition:background-color 0.2s;
+			
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+.circle-btn {
+	position:absolute;
+	width:24px;
+	height:24px;
+	background-color:#fff;
+	border-radius:12px;
+	-webkit-border-radius:12px;
+	left:36px;
+	top:4px;
+	transition:left 0.2s;
+	-webkit-transition:left 0.2s;
+}
+.circle-nicelabel:not(:checked) + label .circle-btn
+{
+	left:4px;
+}			
+.circle-nicelabel:not(:checked) + label
+{
+	background-color:#DDDDDD;
+}		
+.circle-nicelabel[disabled] + label
+{
+	opacity: 0.5;
+}	
+
+/**矩形按钮**/	
+.rect-nicelabel + label {
+	display:block;
+	width:64px;
+	height:32px;
+	background-color:rgba(0,140,186,1);
+	cursor:pointer;
+	position:relative;
+	overflow:hidden;
+	transition:background-color 0.2s;
+			
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+.rect-btn {
+	position:absolute;
+	width:24px;
+	height:24px;
+	background-color:#fff;
+	left:36px;
+	top:4px;
+	transition:left 0.2s;
+	-webkit-transition:left 0.2s;
+}
+.rect-nicelabel:not(:checked) + label .rect-btn
+{
+	left:4px;
+}		
+
+.rect-nicelabel:not(:checked) + label
+{
+	background-color:#DDDDDD;
+}
+.rect-nicelabel[disabled] + label
+{
+	opacity: 0.5;
+}	
+
+/**文本按钮**/
+.text-nicelabel + label {
+	font: 13px "Microsoft Yahei";
+	display: table;
+	font-size: 11px;
+	padding: 10px 20px 10px 10px;
+	background-color:rgba(0,140,186,1);
+	color: #b3b3b3;
+	border-radius:5px;
+	-webkit-border-radius:5px;
+	cursor:pointer;
+	position:relative;
+	overflow:hidden;
+	transition:all 0.2s;
+			
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+.text-nicelabel + label > span.nicelabel-unchecked,
+.text-nicelabel  + label > span.nicelabel-checked
+{
+	display: inline-block;
+	line-height: 16px;
+	margin-left:7px;
+	vertical-align: bottom;
+}
+.text-nicelabel + label > span.nicelabel-unchecked-image,
+.text-nicelabel  + label > span.nicelabel-checked-image
+{
+	display: inline-block;
+	width: 16px;
+	height: 16px;
+	vertical-align: bottom;
+	background-repeat: no-repeat;
+	background-position: left center;
+
+	transition: all 0.2s linear;
+	-webkit-transition: all 0.2s linear;
+}
+.text-nicelabel:not(:checked) + label 
+{
+	background-color: #DDDDDD;
+	color: #a7a7a7;
+}
+.text-nicelabel:not(:checked) + label > span.nicelabel-checked-image
+{
+	display: none;
+}
+.text-nicelabel:not(:checked) + label > span.nicelabel-checked
+{
+	display: none;
+}
+.text-nicelabel:checked + label 
+{
+	background-color: rgba(0,140,186,1);
+	color: #fff;
+}
+.text-nicelabel:checked + label > span.nicelabel-unchecked-image
+{
+	display: none;
+}
+.text-nicelabel:checked + label > span.nicelabel-unchecked
+{
+	display: none;
+}
+.text-nicelabel[disabled] + label 
+{
+	opacity:0.5;
+}

css/font-awesome.min.css

@@ -0,0 +1,210 @@
+/*!
+ *nicelabel JQuery Plugin
+ *
+ *@file: jquery-nicelabel.js version 1.0
+ *@author: PJY
+ *@date: 2016/05/15
+ *@site: http://www.cat666.com/
+ *@license: MIT License
+ */
+ 
+;(function( $ ){
+	
+	$.fn.nicelabel = function(options) {
+		
+		var settings = $.extend({},{
+			
+			//默认配置
+			
+			uselabel: true,				//如果是文本按钮,默认使用图标
+			
+			checked_text: 'Checked',	//如果是文本按钮,默认选定文本
+			
+			unchecked_text: 'Unchecked',	//如果是文本按钮,默认未选定文本
+			
+			checked_ico: './nicelabel/ico/tick-checked.png', 	//如果是文本按钮,默认选定图标
+			
+			unchecked_ico: './nicelabel/ico/tick-unchecked.png', 	//如果是文本按钮,默认未选定图标
+			
+		},options);		
+		
+		return this.each(function(){
+			
+			var obj = $(this),
+				label_opts = toJSON($(this).attr('data-nicelabel') || '{}'), 	//将字符串转化为对象
+				
+				position_class,
+				
+				checked_ico,
+				
+				unchecked_ico,
+				
+				input_id;
+				
+			if( label_opts.position_class ) {
+				
+				position_class = label_opts.position_class;
+				
+			}else {
+				
+				position_class = 'nicelabel-default-position';
+				
+			}	
+			
+			if( label_opts.checked_text ) {
+				
+				checked_text = label_opts.checked_text;
+				
+			}else {
+				
+				checked_text = settings.checked_text;
+				
+			}	
+			
+			if( label_opts.unchecked_text ) {
+				
+				unchecked_text = label_opts.unchecked_text;
+				
+			}else {
+				
+				unchecked_text = settings.unchecked_text;
+				
+			}
+			
+			//如果不是单选或复选框,返回
+			if( obj.is( ":checkbox" ) === false && obj.is( ":radio" ) === false ){
+				
+				return this;
+				
+			}
+			//如果没有id,动态添加id
+			input_id = obj.attr( "id" );
+			
+			if(input_id == null) {
+				
+				var input_id_number = Math.ceil( Math.random() * 1024000 );
+				
+				input_id = "nicelabel-" + input_id_number;
+				
+				while( $( "#" + input_id ).length !== 0 )
+				{
+					input_id_number++;
+					
+					input_id = "nicelabel-" + input_id_number;
+					
+				}
+				obj.attr('id', input_id );
+			}
+			
+			if(obj.attr("class") == "circle-nicelabel") {
+				
+				obj.after( create( input_id, 'circle', position_class ) );
+				
+			}else if(obj.attr("class") == "rect-nicelabel") {
+				
+				obj.after( create( input_id, 'rect', position_class ) );
+				
+			}else if(obj.attr("class") == "text-nicelabel"){
+				
+				obj.after( create( input_id, 'text', position_class, settings.uselabel, checked_text, unchecked_text, settings.checked_ico, settings.unchecked_ico) );
+				
+			}
+			
+			
+		});
+		
+	}
+	
+	var create = function( input_id, label_theme ,position_class, uselabel, checked_text, unchecked_text, checked_ico, unchecked_ico) {
+		
+		var label_html;
+		
+		if(label_theme == 'circle') {
+			
+			label_html = '<label class="' + position_class + '" for="' + input_id + '">' +
+							'<div class="circle-btn"></div>' +
+						'</label>';
+						
+		}else if(label_theme == 'rect') {
+			
+			label_html = '<label class="' + position_class + '" for="' + input_id + '">' +
+							'<div class="rect-btn"></div>' +
+						'</label>';
+			
+		}else if(label_theme == 'text') {
+			if( uselabel == true ) {
+				
+				label_html = '<label class="' + position_class + '" for="' + input_id + '">' +
+								'<span class="nicelabel-unchecked-image" style="background-image: url( '+ unchecked_ico +' );"></span>' +
+								'<span class="nicelabel-unchecked">'+ unchecked_text +'</span>' +
+								'<span class="nicelabel-checked-image" style="background-image: url( '+ checked_ico +' );"></span>' +
+								'<span class="nicelabel-checked">'+ checked_text +'</span>' +
+							'</label>';
+							
+			}else {
+				
+				label_html = '<label class="' + position_class + '" for="' + input_id + '">' +
+								'<span class="nicelabel-unchecked">'+ unchecked_text +'</span>' +
+								'<span class="nicelabel-checked">'+ checked_text +'</span>' +
+							'</label>';
+							
+			}
+
+			
+		}
+		return label_html;
+	};
+	/**
+	 * Javascript JSON implementation
+	 * (Parse Method Only)
+	 * https://github.com/douglascrockford/JSON-js/blob/master/json2.js
+	 * Only using for parse method when parsing data-setup attribute JSON.
+	 * @suppress {undefinedVars}
+	 * @namespace
+	 * @private
+	 */
+	var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
+
+	var toJSON = function (text, reviver) {
+		var j;
+
+		function walk(holder, key) {
+			var k, v, value = holder[key];
+			if (value && typeof value === 'object') {
+				for (k in value) {
+					if (Object.prototype.hasOwnProperty.call(value, k)) {
+						v = walk(value, k);
+						if (v !== undefined) {
+							value[k] = v;
+						} else {
+							delete value[k];
+						}
+					}
+				}
+			}
+			return reviver.call(holder, key, value);
+		}
+		text = String(text);
+		cx.lastIndex = 0;
+		if (cx.test(text)) {
+			text = text.replace(cx, function (a) {
+				return '\\u' +
+					('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+			});
+		}
+
+		if (/^[\],:{}\s]*$/
+				.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+					.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+					.replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+			j = eval('(' + text + ')');
+
+			return typeof reviver === 'function' ?
+				  walk({'': j}, '') : j;
+		}
+
+		throw new SyntaxError('JSON.parse(): invalid or malformed JSON data');
+	};
+	
+}( jQuery ));