diff --git a/index.css b/index.css index 5888ea2..b2b4f2b 100644 --- a/index.css +++ b/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 } diff --git a/initialize.js b/initialize.js index e1523cb..ba41b7d 100644 --- a/initialize.js +++ b/initialize.js @@ -3,59 +3,77 @@ $(function () { window.ontouchstart = block; window.ondragstart = block; $('.msg-header').Drag($('.msg-container')); - $('.menu-container ul li span').on('click',function(){ - message.alert('这里是','
AHPU-老中医
的博客   
'); + $('.menu-container ul li span').on('click', function () { + message.alert('这里是', '
AHPU-老中医
的博客   
'); }); + function block() { return false; } }); -(function(){ - $(window).on('resize',function(){ +(function () { + $(window).on('resize', function () { $('.msg-container').css({ - "top":"50%", - "left":"50%" + "top": "50%", + "left": "50%" }); }); - $(document.body).on('click','.msg-footer span',function(){ + $(document.body).on('click', '.msg-footer span', function () { var p = $(this).parent().parent(); var m = $('.mask'); - p.css('animation','fadeOut .2s forwards'); - m.css('animation','fadeOut .3s forwards'); - setTimeout(function(){ + p.css('animation', 'fadeOut .2s forwards'); + m.css('animation', 'fadeOut .3s forwards'); + setTimeout(function () { p.remove(); m.remove(); - },300); + }, 300); message.alertCode = ''; }); })(); var message = new function () { this.alertCode = ''; - this.alert = function (header, content) { - if(message.alertCode){ + 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 = '
' + - '
' + - (header || '提示框') + + '
' + + header + '
' + '
' + - (content || '提示内容') + + content + + '
' + + '' + - '' + - '
' + '
'; $(document.body).append(html); - $('.mask').css('animation','fadeIn .2s forwards'); - $('#mh-'+id).Drag($('#mc-'+id)); + $('.mask').css('animation', 'fadeIn .2s forwards'); + $('#mh-' + id).Drag($('#mc-' + id)); message.alertCode = id; } } @@ -66,4 +84,110 @@ function uuid() { v = c == 'x' ? r : (r & 0x3 | 0x8); 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; + } } \ No newline at end of file diff --git a/main.js b/main.js index 5f2a27d..e29304a 100644 --- a/main.js +++ b/main.js @@ -1,11 +1,13 @@ -$.ajax({ - type:"GET", - url:"https://javacloud.bmob.cn/0104a7ae840e3555/counter?name=wcx", - async:true, - success:function(res){ - message.alert(res); - }, - error:function(){ - message.alert('error!'); - } -}); \ No newline at end of file +// $.ajax({ +// type:"GET", +// url:"https://javacloud.bmob.cn/0104a7ae840e3555/counter?name=wcx", +// async:true, +// success:function(res){ +// message.alert('提示',res); +// }, +// error:function(){ +// message.alert('提示','error!'); +// } +// }); + +console.log('\n' + base64.decode('4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paR4paE4paR4paRCuKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkOKWiOKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWhOKWgOKWkuKWjOKWkQrilpHilpHilpHilpHilpHilpHilpHilpHilpDiloDilpLilojilpHilpHilpHilpHilpHilpHilpHilpHiloTiloDilpLilpLilpLilpAK4paR4paR4paR4paR4paR4paR4paR4paQ4paE4paA4paS4paS4paA4paA4paA4paA4paE4paE4paE4paA4paS4paS4paS4paS4paS4paQCuKWkeKWkeKWkeKWkeKWkeKWhOKWhOKWgOKWkuKWkeKWkuKWkuKWkuKWkuKWkuKWkuKWkuKWkuKWkuKWiOKWkuKWkuKWhOKWiOKWkuKWkArilpHilpHilpHiloTiloDilpLilpLilpLilpHilpHilpHilpLilpLilpLilpHilpHilpHilpLilpLilpLiloDilojilojiloDilpLilowK4paR4paR4paQ4paS4paS4paS4paE4paE4paS4paS4paS4paS4paR4paR4paR4paS4paS4paS4paS4paS4paS4paS4paA4paE4paS4paSCuKWkeKWkeKWjOKWkeKWkeKWjOKWiOKWgOKWkuKWkuKWkuKWkuKWkuKWhOKWgOKWiOKWhOKWkuKWkuKWkuKWkuKWkuKWkuKWkuKWiOKWkuKWkArilpHilpDilpHilpHilpHilpLilpLilpLilpLilpLilpLilpLilpLilozilojilojiloDilpLilpLilpHilpHilpHilpLilpLilpLiloDiloQK4paR4paM4paR4paS4paE4paI4paI4paE4paS4paS4paS4paS4paS4paS4paS4paS4paS4paR4paR4paR4paR4paR4paR4paS4paS4paS4paSCuKWgOKWkuKWgOKWkOKWhOKWiOKWhOKWiOKWjOKWhOKWkeKWgOKWkuKWkuKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkeKWkuKWkuKWkgrljZXouqvni5flsLHov5nmoLfpu5jpu5jlnLDnnIvnnYDkvaDvvIzkuIDlj6Xor53kuZ/kuI3or7TjgII=')); diff --git a/myui.css b/myui.css index 1a04c45..4ef4fcf 100644 --- a/myui.css +++ b/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); - width:20px; - top:3px; + transform:rotate(45deg); + width:30px; + top:8px; left:2px } #menu-control:checked~.menu-button-container .menu-button>span:nth-child(2){ /* transform:rotate(-180deg); */ - width:30px; - left:3px + width:0px; + /* height:0px; */ + /* opacity: 0; */ + left:20px } #menu-control:checked~.menu-button-container .menu-button>span:nth-child(3){ - transform:rotate(30deg); - width:20px; - top:-3px; + transform:rotate(-45deg); + width:30px; + 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 } }