normal update

index.css

@@ -45,7 +45,7 @@
 	display: block;
 	width:100%;
 	/* min-height:100%; */
-	background-color:rgba(255,255,255,.5);
+	background-color:rgba(255,255,255,.8);
 	border-radius: 15px;
 	padding:15px
 }

initialize.js

@@ -6,6 +6,7 @@ $(function () {
 	$('.menu-container ul li span').on('click', function () {
 		message.alert('这里是', '<div style="text-align:right"><div style="font-size:28px;height:70px;padding-top:20px;text-align:center">AHPU-老中医</div>的博客&nbsp;&nbsp;&nbsp;</div>');
 	});
+
 	function block() {
 		return false;
 	}
@@ -33,20 +34,37 @@ $(function () {
 
 var message = new function () {
 	this.alertCode = '';
-	this.alert = function (header, content) {
+	this.alert = function () {
+
+		var header, content;
 		if (message.alertCode) {
 			console.warn('存在未关闭的提示框');
 			return;
 		}
 
+		var arg1 = arguments[0], arg2 = arguments[1];
+
+		if (arguments.length <= 1) {
+			header = '提示';
+			content = (arg1 === undefined ? '提示内容' : arg1);
+		} else {
+			header = (arg1 === undefined ? '提示' : arg1);
+			content = (arg2 === undefined ? '提示内容' : arg2);
+		}
+
+		message.appendHtml(header, content);
+
+	}
+
+	this.appendHtml = function (header, content) {
 		var id = uuid();
 		var html =
 			'<div class="msg-container" id="mc-' + id + '">' +
 			'<div class="msg-header" id="mh-' + id + '">' +
-			(header || '提示框') +
+			header +
 			'</div>' +
 			'<div class="msg-content">' +
-			(content || '提示内容') +
+			content +
 			'</div>' +
 			'<div class="msg-footer">' +
 			'<span>关闭</span>' +
@@ -67,3 +85,109 @@ function uuid() {
 		return v.toString(16);
 	});
 }
+
+var base64 = new Base64();
+
+function Base64() {
+
+	// private property
+	_keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+
+	// public method for encoding
+	this.encode = function (input) {
+		var output = "";
+		var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
+		var i = 0;
+		input = _utf8_encode(input);
+		while (i < input.length) {
+			chr1 = input.charCodeAt(i++);
+			chr2 = input.charCodeAt(i++);
+			chr3 = input.charCodeAt(i++);
+			enc1 = chr1 >> 2;
+			enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
+			enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
+			enc4 = chr3 & 63;
+			if (isNaN(chr2)) {
+				enc3 = enc4 = 64;
+			} else if (isNaN(chr3)) {
+				enc4 = 64;
+			}
+			output = output +
+				_keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
+				_keyStr.charAt(enc3) + _keyStr.charAt(enc4);
+		}
+		return output;
+	}
+
+	// public method for decoding
+	this.decode = function (input) {
+		var output = "";
+		var chr1, chr2, chr3;
+		var enc1, enc2, enc3, enc4;
+		var i = 0;
+		input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
+		while (i < input.length) {
+			enc1 = _keyStr.indexOf(input.charAt(i++));
+			enc2 = _keyStr.indexOf(input.charAt(i++));
+			enc3 = _keyStr.indexOf(input.charAt(i++));
+			enc4 = _keyStr.indexOf(input.charAt(i++));
+			chr1 = (enc1 << 2) | (enc2 >> 4);
+			chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
+			chr3 = ((enc3 & 3) << 6) | enc4;
+			output = output + String.fromCharCode(chr1);
+			if (enc3 != 64) {
+				output = output + String.fromCharCode(chr2);
+			}
+			if (enc4 != 64) {
+				output = output + String.fromCharCode(chr3);
+			}
+		}
+		output = _utf8_decode(output);
+		return output;
+	}
+
+	// private method for UTF-8 encoding
+	_utf8_encode = function (string) {
+		string = string.replace(/\r\n/g, "\n");
+		var utftext = "";
+		for (var n = 0; n < string.length; n++) {
+			var c = string.charCodeAt(n);
+			if (c < 128) {
+				utftext += String.fromCharCode(c);
+			} else if ((c > 127) && (c < 2048)) {
+				utftext += String.fromCharCode((c >> 6) | 192);
+				utftext += String.fromCharCode((c & 63) | 128);
+			} else {
+				utftext += String.fromCharCode((c >> 12) | 224);
+				utftext += String.fromCharCode(((c >> 6) & 63) | 128);
+				utftext += String.fromCharCode((c & 63) | 128);
+			}
+
+		}
+		return utftext;
+	}
+
+	// private method for UTF-8 decoding
+	_utf8_decode = function (utftext) {
+		var string = "";
+		var i = 0;
+		var c = c1 = c2 = 0;
+		while (i < utftext.length) {
+			c = utftext.charCodeAt(i);
+			if (c < 128) {
+				string += String.fromCharCode(c);
+				i++;
+			} else if ((c > 191) && (c < 224)) {
+				c2 = utftext.charCodeAt(i + 1);
+				string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
+				i += 2;
+			} else {
+				c2 = utftext.charCodeAt(i + 1);
+				c3 = utftext.charCodeAt(i + 2);
+				string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
+				i += 3;
+			}
+		}
+		return string;
+	}
+}

main.js

@@ -1,11 +1,13 @@
-$.ajax({
+// $.ajax({
-	type:"GET",
+// 	type:"GET",
-	url:"https://javacloud.bmob.cn/0104a7ae840e3555/counter?name=wcx",
+// 	url:"https://javacloud.bmob.cn/0104a7ae840e3555/counter?name=wcx",
-	async:true,
+// 	async:true,
-	success:function(res){
+// 	success:function(res){
-		message.alert(res);
+// 		message.alert('提示',res);
-	},
+// 	},
-	error:function(){
+// 	error:function(){
-		message.alert('error!');
+// 		message.alert('提示','error!');
-	}
+// 	}
-});
+// });
+
+console.log('\n' + base64.decode('4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paE4paR4paRCuKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkOKWiOKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWhOKWgOKWkuKWjOKWkQrilpHilpHilpHilpHilpHilpHilpHilpHilpDiloDilpLilojilpHilpHilpHilpHilpHilpHilpHilpHiloTiloDilpLilpLilpLilpAK4paR4paR4paR4paR4paR4paR4paR4paQ4paE4paA4paS4paS4paA4paA4paA4paA4paE4paE4paE4paA4paS4paS4paS4paS4paS4paQCuKWkeKWkeKWkeKWkeKWkeKWhOKWhOKWgOKWkuKWkeKWkuKWkuKWkuKWkuKWkuKWkuKWkuKWkuKWkuKWiOKWkuKWkuKWhOKWiOKWkuKWkArilpHilpHilpHiloTiloDilpLilpLilpLilpHilpHilpHilpLilpLilpLilpHilpHilpHilpLilpLilpLiloDilojilojiloDilpLilowK4paR4paR4paQ4paS4paS4paS4paE4paE4paS4paS4paS4paS4paR4paR4paR4paS4paS4paS4paS4paS4paS4paS4paA4paE4paS4paSCuKWkeKWkeKWjOKWkeKWkeKWjOKWiOKWgOKWkuKWkuKWkuKWkuKWkuKWhOKWgOKWiOKWhOKWkuKWkuKWkuKWkuKWkuKWkuKWkuKWiOKWkuKWkArilpHilpDilpHilpHilpHilpLilpLilpLilpLilpLilpLilpLilpLilozilojilojiloDilpLilpLilpHilpHilpHilpLilpLilpLiloDiloQK4paR4paM4paR4paS4paE4paI4paI4paE4paS4paS4paS4paS4paS4paS4paS4paS4paS4paR4paR4paR4paR4paR4paR4paS4paS4paS4paSCuKWgOKWkuKWgOKWkOKWhOKWiOKWhOKWiOKWjOKWhOKWkeKWgOKWkuKWkuKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkuKWkuKWkgrljZXouqvni5flsLHov5nmoLfpu5jpu5jlnLDnnIvnnYDkvaDvvIzkuIDlj6Xor53kuZ/kuI3or7TjgII='));

myui.css

@@ -139,28 +139,30 @@ body {
 	position: relative;
 	margin: 5px 0 0 3px;
 	cursor: pointer;
-	transition: all .2s ease;
+	transition: all .2s ease-in;
 	left:0px;
 	top:0px
 }
 
 #menu-control:checked~.menu-button-container .menu-button>span:nth-child(1){
-	transform:rotate(-30deg);
+	transform:rotate(45deg);
-	width:20px;
+	width:30px;
-	top:3px;
+	top:8px;
 	left:2px
 }
 
 #menu-control:checked~.menu-button-container .menu-button>span:nth-child(2){
 	/* transform:rotate(-180deg); */
-	width:30px;
+	width:0px;
-	left:3px
+	/* height:0px; */
+	/* opacity: 0; */
+	left:20px
 }
 
 #menu-control:checked~.menu-button-container .menu-button>span:nth-child(3){
-	transform:rotate(30deg);
+	transform:rotate(-45deg);
-	width:20px;
+	width:30px;
-	top:-3px;
+	top:-8px;
 	left:2px
 }
 
@@ -178,7 +180,7 @@ body {
 .content {
 	min-height: 200px;
 	max-width: 1000px;
-	background-color: rgba(255, 255, 255, .5);
+	background-color: rgba(255, 255, 255, .8);
 	border-radius: 15px;
 	opacity: 1;
 	transition: opacity .5s ease, transform .5s ease;
@@ -239,7 +241,7 @@ body {
 	z-index: 999;
 	text-overflow: ellipsis;
 	word-break: break-word;
-	transition:all .2s ease
+	/* transition:all .2s ease */
 }
 
 .msg-header {
@@ -285,7 +287,7 @@ body {
 
 .msg-footer span {
 	cursor: pointer;
-	transition: all .1s ease;
+	transition: all .2s ease;
 	font-size: 16px;
 	padding: 3px 8px;
 }
@@ -382,7 +384,9 @@ body {
 	}
 
 	.msg-footer span:active{
-		background-color:rgba(255,255,255,0.5)
+		background-color:black;
+		border-radius: 0px 0px 10px 13px;
+		color:white
 	}
 }