commit 825098a26cad0029c5678c0b360b58b713947d3d Author: 编码猿 Date: Fri Aug 29 21:54:28 2025 +0800 first commit diff --git a/1.jpg b/1.jpg new file mode 100644 index 0000000..55c5ed0 Binary files /dev/null and b/1.jpg differ diff --git a/2.jpg b/2.jpg new file mode 100644 index 0000000..675ce4a Binary files /dev/null and b/2.jpg differ diff --git a/3.jpg b/3.jpg new file mode 100644 index 0000000..94773d6 Binary files /dev/null and b/3.jpg differ diff --git a/4.jpg b/4.jpg new file mode 100644 index 0000000..73c0277 Binary files /dev/null and b/4.jpg differ diff --git a/5.jpg b/5.jpg new file mode 100644 index 0000000..5acbae8 Binary files /dev/null and b/5.jpg differ diff --git a/6.jpg b/6.jpg new file mode 100644 index 0000000..dec8e86 Binary files /dev/null and b/6.jpg differ diff --git a/7.jpg b/7.jpg new file mode 100644 index 0000000..2fbe191 Binary files /dev/null and b/7.jpg differ diff --git a/8.jpg b/8.jpg new file mode 100644 index 0000000..2432268 Binary files /dev/null and b/8.jpg differ diff --git a/default.css b/default.css new file mode 100644 index 0000000..089a724 --- /dev/null +++ b/default.css @@ -0,0 +1,99 @@ + body { + margin: 0; + padding: 0; + background: #fafafa; + font-size: 14px; + font-family: "微软雅黑", "宋体", sans-serif; + color: #231f20; + overflow: auto; + user-select: none; + } + + a { + color: #000; + font-size: 14px; + user-select: none; + } + + #main { + width: 100%; + margin-top: 100px; + user-select: none; + } + + #wrap { + position: relative; + margin: 0 auto; + width: 1100px; + height: 680px; + margin-top: 10px; + user-select: none; + } + + #text { + width: 460px; + left: 50px; + top: -25px; + position: absolute; + user-select: none; + } + + #code { + display: none; + font-size: 16px; + user-select: none; + } + + #clock-box { + position: absolute; + left: 50px; + top: 550px; + font-size: 28px; + display: none; + user-select: none; + } + + #clock-box a { + font-size: 28px; + text-decoration: none; + user-select: none; + } + + #clock { + margin-left: 48px; + user-select: none; + } + + #clock .digit { + font-size: 64px; + user-select: none; + } + + #canvas { + margin: 0 auto; + width: 1100px; + height: 680px; + user-select: none; + } + + #error { + margin: 0 auto; + text-align: center; + margin-top: 60px; + display: none; + user-select: none; + } + + .hand { + cursor: pointer; + } + + .say { + margin-left: 0px; + user-select: none; + } + + .space { + margin-right: 150px; + user-select: none; + } \ No newline at end of file diff --git a/functions.js b/functions.js new file mode 100644 index 0000000..3cb6569 --- /dev/null +++ b/functions.js @@ -0,0 +1,56 @@ +// variables +var $win = $(window); +var clientWidth = $win.width(); +var clientHeight = $win.height(); + +$(window).resize(function() { + var newWidth = $win.width(); + var newHeight = $win.height(); + if (newWidth != clientWidth && newHeight != clientHeight) { + location.replace(location); + } +}); + +(function($) { + $.fn.typewriter = function() { + this.each(function() { + var $ele = $(this), str = $ele.html(), progress = 0; + $ele.html(''); + var timer = setInterval(function() { + var current = str.substr(progress, 1); + if (current == '<') { + progress = str.indexOf('>', progress) + 1; + } else { + progress++; + } + $ele.html(str.substring(0, progress) + (progress & 1 ? '_' : '')); + if (progress >= str.length) { + clearInterval(timer); + } + }, 120); + }); + return this; + }; +})(jQuery); + +function timeElapse(date){ + var current = Date(); + var seconds = (Date.parse(current) - Date.parse(date)) / 1000; + var days = Math.floor(seconds / (3600 * 24)); + seconds = seconds % (3600 * 24); + var hours = Math.floor(seconds / 3600); + if (hours < 10) { + hours = "0" + hours; + } + seconds = seconds % 3600; + var minutes = Math.floor(seconds / 60); + if (minutes < 10) { + minutes = "0" + minutes; + } + seconds = seconds % 60; + if (seconds < 10) { + seconds = "0" + seconds; + } + var result = "第 " + days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒"; + $("#clock").html(result); +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..c5c3e8f --- /dev/null +++ b/index.html @@ -0,0 +1,228 @@ + + + + + + 520 快乐 + + + + + + + + + + +
+ +
+
+
+ + 遇见你 ，像是一场温柔的巧合和缘分。第一次你只是订单列表中的一个名字，当第二次接你上车，却成了心跳加速的开始，之后的每次畅聊，我才知道原来缘分真的会以最奇妙的方式降临。从工作趣事到彼此的学习生活琐碎，从爱好到日常分享，点点滴滴汇聚在一起形成了如今我对你的情感
+
+ + 不知不觉间，你如阳光般温暖的笑容、春风般细腻的心思、孩子般纯真的可爱，就像久旱逢甘霖的第一缕晨曦，悄然融化了我的心墙。那些与你共度的时光，无论是车内的谈笑风生，或是偶然交汇的目光，都为我原本按部就班的生活注入了最动人的色彩与活力。
+
+ + + 在 520 这个特殊的日子，我鼓起勇气想告诉你： "我喜欢你，比想象中还要多！"，可理智却在不断提醒我，我们之间横亘着现实的鸿沟：年龄差距、人生轨迹，父辈思想差异..等，我不知道这段对我来说无法遏制喷薄而出的情感是否正确，是否合理，也不知道最终能有何种结果。
+
+ + 即便如此，我依然感激和你的相遇相识，你让我明白有些感情即使可能没有结果，也值得被真诚地表达出来，"谢谢你出现在我的世界里，哪怕只是短暂地照亮过”。"未来的路，无论你走向何方，都愿你被岁月温柔以待" 。我也深信你会遇见更多温暖的人，经历更多美好的故事，而你的优秀与真诚，也必将照亮更灿烂的生命旅程。
+ +
+
+
+ 潘可爱，我们相识已过去了 +
+
+ +
+
+ + + + \ No newline at end of file diff --git a/jquery.min.js b/jquery.min.js new file mode 100644 index 0000000..198b3ff --- /dev/null +++ b/jquery.min.js @@ -0,0 +1,4 @@ +/*! jQuery v1.7.1 jquery.com | jquery.org/license */ +(function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cv(a){if(!ck[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){cl||(cl=c.createElement("iframe"),cl.frameBorder=cl.width=cl.height=0),b.appendChild(cl);if(!cm||!cl.createElement)cm=(cl.contentWindow||cl.contentDocument).document,cm.write((c.compatMode==="CSS1Compat"?"":"")+""),cm.close();d=cm.createElement(a),cm.body.appendChild(d),e=f.css(d,"display"),b.removeChild(cl)}ck[a]=e}return ck[a]}function cu(a,b){var c={};f.each(cq.concat.apply([],cq.slice(0,b)),function(){c[this]=a});return c}function ct(){cr=b}function cs(){setTimeout(ct,0);return cr=f.now()}function cj(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ci(){try{return new a.XMLHttpRequest}catch(b){}}function cc(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g0){if(c!=="border")for(;g=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?parseFloat(d):j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.1",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c
a",d=q.getElementsByTagName("*"),e=q.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=q.getElementsByTagName("input")[0],b={leadingWhitespace:q.firstChild.nodeType===3,tbody:!q.getElementsByTagName("tbody").length,htmlSerialize:!!q.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:q.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete q.test}catch(s){b.deleteExpando=!1}!q.addEventListener&&q.attachEvent&&q.fireEvent&&(q.attachEvent("onclick",function(){b.noCloneEvent=!1}),q.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),q.appendChild(i),k=c.createDocumentFragment(),k.appendChild(q.lastChild),b.checkClone=k.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,k.removeChild(i),k.appendChild(q),q.innerHTML="",a.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",q.style.width="2px",q.appendChild(j),b.reliableMarginRight=(parseInt((a.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0);if(q.attachEvent)for(o in{submit:1,change:1,focusin:1})n="on"+o,p=n in q,p||(q.setAttribute(n,"return;"),p=typeof q[n]=="function"),b[o+"Bubbles"]=p;k.removeChild(q),k=g=h=j=q=i=null,f(function(){var a,d,e,g,h,i,j,k,m,n,o,r=c.getElementsByTagName("body")[0];!r||(j=1,k="position:absolute;top:0;left:0;width:1px;height:1px;margin:0;",m="visibility:hidden;border:0;",n="style='"+k+"border:5px solid #000;padding:0;'",o="
"+""+"
",a=c.createElement("div"),a.style.cssText=m+"width:0;height:0;position:static;top:0;margin-top:"+j+"px",r.insertBefore(a,r.firstChild),q=c.createElement("div"),a.appendChild(q),q.innerHTML="
t
",l=q.getElementsByTagName("td"),p=l[0].offsetHeight===0,l[0].style.display="",l[1].style.display="none",b.reliableHiddenOffsets=p&&l[0].offsetHeight===0,q.innerHTML="",q.style.width=q.style.paddingLeft="1px",f.boxModel=b.boxModel=q.offsetWidth===2,typeof q.style.zoom!="undefined"&&(q.style.display="inline",q.style.zoom=1,b.inlineBlockNeedsLayout=q.offsetWidth===2,q.style.display="",q.innerHTML="
",b.shrinkWrapBlocks=q.offsetWidth!==2),q.style.cssText=k+m,q.innerHTML=o,d=q.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,i={doesNotAddBorder:e.offsetTop!==5,doesAddBorderForTableAndCells:h.offsetTop===5},e.style.position="fixed",e.style.top="20px",i.fixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",i.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,i.doesNotIncludeMarginInBodyOffset=r.offsetTop!==j,r.removeChild(a),q=a=null,f.extend(b,i))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.nodeName.toLowerCase()]||f.valHooks[g.type];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;h=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/\bhover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function(a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")}; +f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;le&&i.push({elem:this,matches:d.slice(e)});for(j=0;j0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return bc[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="

";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="
";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h0)for(h=g;h=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/",""],legend:[1,"
","
"],thead:[1,"","
"],tr:[2,"","
"],td:[3,"","
"],col:[2,"","
"],area:[1,"",""],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div
","
"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function() +{for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1>");try{for(var c=0,d=this.length;c1&&l0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||!bc.test("<"+a.nodeName)?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=bg[l]||bg._default,n=m[0],o=b.createElement("div");b===c?bh.appendChild(o):U(b).appendChild(o),o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]===""&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return br.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bq,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bq.test(g)?g.replace(bq,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bz(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bA=function(a,b){var c,d,e;b=b.replace(bs,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b)));return c}),c.documentElement.currentStyle&&(bB=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f===null&&g&&(e=g[b])&&(f=e),!bt.test(f)&&bu.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f||0,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),bz=bA||bB,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bD=/%20/g,bE=/\[\]$/,bF=/\r?\n/g,bG=/#.*$/,bH=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bI=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bJ=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bK=/^(?:GET|HEAD)$/,bL=/^\/\//,bM=/\?/,bN=/)<[^<]*)*<\/script>/gi,bO=/^(?:select|textarea)/i,bP=/\s+/,bQ=/([?&])_=[^&]*/,bR=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bS=f.fn.load,bT={},bU={},bV,bW,bX=["*/"]+["*"];try{bV=e.href}catch(bY){bV=c.createElement("a"),bV.href="",bV=bV.href}bW=bR.exec(bV.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bS)return bS.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("
").append(c.replace(bN,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bO.test(this.nodeName)||bI.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bF,"\r\n")}}):{name:b.name,value:c.replace(bF,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.on(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?b_(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),b_(a,b);return a},ajaxSettings:{url:bV,isLocal:bJ.test(bW[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bX},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bZ(bT),ajaxTransport:bZ(bU),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?cb(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=cc(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bH.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bG,"").replace(bL,bW[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bP),d.crossDomain==null&&(r=bR.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bW[1]&&r[2]==bW[2]&&(r[3]||(r[1]==="http:"?80:443))==(bW[3]||(bW[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),b$(bT,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bK.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bM.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bQ,"$1_="+x);d.url=y+(y===d.url?(bM.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bX+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=b$(bU,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){if(s<2)w(-1,z);else throw z}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)ca(g,a[g],c,e);return d.join("&").replace(bD,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cd=f.now(),ce=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cd++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ce.test(b.url)||e&&ce.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ce,l),b.url===j&&(e&&(k=k.replace(ce,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cf=a.ActiveXObject?function(){for(var a in ch)ch[a](0,1)}:!1,cg=0,ch;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ci()||cj()}:ci,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cf&&delete ch[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cg,cf&&(ch||(ch={},f(a).unload(cf)),ch[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var ck={},cl,cm,cn=/^(?:toggle|show|hide)$/,co=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cp,cq=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cr;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cu("show",3),a,b,c);for(var g=0,h=this.length;g=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cx.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cx.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cy(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cy(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,d,"padding")):this[d]():null},f.fn["outer"+c]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,d,a?"margin":"border")):this[d]():null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNumeric(j)?j:i}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return f})})(window); \ No newline at end of file diff --git a/like.mp3 b/like.mp3 new file mode 100644 index 0000000..63316f3 Binary files /dev/null and b/like.mp3 differ diff --git a/love.js b/love.js new file mode 100644 index 0000000..5934ee5 --- /dev/null +++ b/love.js @@ -0,0 +1,626 @@ +// 定义一个表示二维坐标点的类 +class Point { + // 构造函数，设置x和y坐标，默认值为0 + constructor(x = 0, y = 0) { + this.x = x; // 设置x坐标 + this.y = y; // 设置y坐标 + } + + // 克隆当前点，返回一个新的Point对象 + clone() { + return new Point(this.x, this.y); // 使用当前坐标创建新点 + } + + // 点加法，将另一个点的坐标加到当前点 + add(o) { + const p = this.clone(); // 创建当前点的副本 + p.x += o.x; // x坐标相加 + p.y += o.y; // y坐标相加 + return p; // 返回新点 + } + + // 点减法，从当前点减去另一个点的坐标 + sub(o) { + const p = this.clone(); // 创建当前点的副本 + p.x -= o.x; // x坐标相减 + p.y -= o.y; // y坐标相减 + return p; // 返回新点 + } + + // 点除法，将当前点坐标除以一个数 + div(n) { + const p = this.clone(); // 创建当前点的副本 + p.x /= n; // x坐标除以n + p.y /= n; // y坐标除以n + return p; // 返回新点 + } + + // 点乘法，将当前点坐标乘以一个数 + mul(n) { + const p = this.clone(); // 创建当前点的副本 + p.x *= n; // x坐标乘以n + p.y *= n; // y坐标乘以n + return p; // 返回新点 + } +} + +// 心形曲线类 +class Heart { + constructor() { + this.points = []; // 存储心形曲线上的点 + // 使用参数方程生成心形曲线 + for (let i = 10; i < 30; i += 0.2) { + const t = i / Math.PI; // 参数t + // 心形曲线的x坐标公式 + const x = 16 * Math.pow(Math.sin(t), 3); + // 心形曲线的y坐标公式 + const y = 13 * Math.cos(t) - 5 * Math.cos(2 * t) - 2 * Math.cos(3 * t) - Math.cos(4 * t); + this.points.push(new Point(x, y)); // 将点添加到数组中 + } + this.length = this.points.length; // 存储点的数量 + } + + // 获取指定索引的点，并可选择缩放 + get(i, scale = 1) { + return this.points[i].mul(scale); // 返回缩放后的点 + } +} + +// 种子类，代表树的核心元素 +class Seed { + constructor(tree, point, scale = 1, color = '#FF0000') { + this.tree = tree; // 关联的树对象 + this.heart = { // 心形配置 + point: point, // 位置点 + scale: scale, // 缩放比例 + color: color, // 颜色 + figure: new Heart(), // 心形图形 + }; + this.cirle = { // 圆形配置 + point: point, // 位置点 + scale: scale, // 缩放比例 + color: color, // 颜色 + radius: 5, // 半径 + }; + } + + // 绘制种子 + draw() { + this.drawHeart(); // 绘制心形 + this.drawText(); // 绘制文字 + } + + // 添加位置偏移 + addPosition(x, y) { + this.cirle.point = this.cirle.point.add(new Point(x, y)); // 更新圆形位置 + } + + // 检查是否可以移动 + canMove() { + return this.cirle.point.y < (this.tree.height + 20); // 检查是否在树高度范围内 + } + + // 移动种子 + move(x, y) { + this.clear(); // 清除原有绘制 + this.drawCirle(); // 绘制圆形 + this.addPosition(x, y); // 更新位置 + } + + // 检查是否可以缩放 + canScale() { + return this.heart.scale > 0.2; // 检查缩放比例是否大于0.2 + } + + // 设置心形缩放比例 + setHeartScale(scale) { + this.heart.scale *= scale; // 更新缩放比例 + } + + // 缩放种子 + scale(scale) { + this.clear(); // 清除原有绘制 + this.drawCirle(); // 绘制圆形 + this.drawHeart(); // 绘制心形 + this.setHeartScale(scale); // 更新缩放比例 + } + + // 绘制心形 + drawHeart() { + const { ctx } = this.tree; // 获取画布上下文 + const { point, color, scale, figure } = this.heart; // 解构心形配置 + + ctx.save(); // 保存当前绘图状态 + ctx.fillStyle = color; // 设置填充颜色 + ctx.translate(point.x, point.y); // 移动坐标系到心形中心 + ctx.beginPath(); // 开始绘制路径 + ctx.moveTo(0, 0); // 移动到起点 + + // 绘制心形曲线 + for (let i = 0; i < figure.length; i++) { + const p = figure.get(i, scale); // 获取缩放后的点 + ctx.lineTo(p.x, -p.y); // 绘制线到该点(y坐标取反) + } + + ctx.closePath(); // 闭合路径 + ctx.fill(); // 填充心形 + ctx.restore(); // 恢复绘图状态 + } + + // 绘制圆形 + drawCirle() { + const { ctx } = this.tree; // 获取画布上下文 + const { point, color, scale, radius } = this.cirle; // 解构圆形配置 + + ctx.save(); // 保存当前绘图状态 + ctx.fillStyle = color; // 设置填充颜色 + ctx.translate(point.x, point.y); // 移动坐标系到圆心 + ctx.scale(scale, scale); // 应用缩放 + ctx.beginPath(); // 开始绘制路径 + ctx.moveTo(0, 0); // 移动到圆心 + ctx.arc(0, 0, radius, 0, 2 * Math.PI); // 绘制圆形 + ctx.closePath(); // 闭合路径 + ctx.fill(); // 填充圆形 + ctx.restore(); // 恢复绘图状态 + } + + // 绘制文字 + drawText() { + const { ctx } = this.tree; // 获取画布上下文 + const { point, color, scale } = this.heart; // 解构心形配置 + + ctx.save(); // 保存当前绘图状态 + ctx.strokeStyle = color; // 设置描边颜色 + ctx.fillStyle = color; // 设置填充颜色 + ctx.translate(point.x, point.y); // 移动坐标系到文字起点 + ctx.scale(scale, scale); // 应用缩放 + ctx.moveTo(0, 0); // 移动到起点 + ctx.lineTo(15, 15); // 绘制第一条线 + ctx.lineTo(60, 15); // 绘制第二条线 + ctx.stroke(); // 描边路径 + + ctx.moveTo(0, 0); // 移动到新起点 + ctx.scale(0.75, 0.75); // 调整缩放比例 + ctx.font = "14px 微软雅黑,Verdana"; // 设置字体 + ctx.fillText(" [ 点爱心 ]", 23, 10); // 绘制文字 + ctx.restore(); // 恢复绘图状态 + } + + // 清除绘制 + clear() { + let h = 0; + const { ctx } = this.tree; // 获取画布上下文 + const { point, scale } = this.cirle; // 解构圆形配置 + const radius = 26; // 清除区域半径 + const w = h = (radius * scale); // 计算清除区域宽高 + ctx.clearRect(point.x - w, point.y - h, 4 * w, 4 * h); // 清除矩形区域 + } + + // 检查鼠标是否悬停在元素上 + hover(x, y) { + const { ctx } = this.tree; // 获取画布上下文 + const pixel = ctx.getImageData(x, y, 1, 1); // 获取像素数据 + return pixel.data[3] === 255; // 检查alpha通道是否为255(不透明) + } +} + +// 页脚类 +class Footer { + constructor(tree, width, height, speed = 2) { + this.tree = tree; // 关联的树对象 + // 初始化位置点(位于树底部中间) + this.point = new Point(tree.seed.heart.point.x, tree.height - height / 2); + this.width = width; // 页脚宽度 + this.height = height; // 页脚高度 + this.speed = speed; // 绘制速度 + this.length = 0; // 当前绘制长度 + } + + // 绘制页脚 + draw() { + const { ctx } = this.tree; // 获取画布上下文 + const { point } = this; // 解构位置点 + const len = this.length / 2; // 计算当前线长的一半 + + ctx.save(); // 保存当前绘图状态 + ctx.strokeStyle = 'rgb(35, 31, 32)'; // 设置描边颜色 + ctx.lineWidth = this.height; // 设置线宽 + ctx.lineCap = 'round'; // 设置线端样式 + ctx.lineJoin = 'round'; // 设置线连接样式 + ctx.translate(point.x, point.y); // 移动坐标系到中心点 + ctx.beginPath(); // 开始绘制路径 + ctx.moveTo(0, 0); // 移动到中心 + ctx.lineTo(len, 0); // 向右绘制 + ctx.lineTo(-len, 0); // 向左绘制 + ctx.stroke(); // 描边路径 + ctx.restore(); // 恢复绘图状态 + + // 如果当前长度小于总宽度，继续增长 + if (this.length < this.width) { + this.length += this.speed; // 增加长度 + } + } +} + +// 树枝类 +class Branch { + constructor(tree, point1, point2, point3, radius, length = 100, branchs = []) { + this.tree = tree; // 关联的树对象 + this.point1 = point1; // 贝塞尔曲线起点 + this.point2 = point2; // 贝塞尔曲线控制点 + this.point3 = point3; // 贝塞尔曲线终点 + this.radius = radius; // 树枝半径 + this.length = length; // 树枝长度 + this.len = 0; // 当前绘制长度 + this.t = 1 / (this.length - 1); // 计算步长 + this.branchs = branchs; // 子树枝数组 + } + + // 树枝生长 + grow() { + if (this.len <= this.length) { // 如果还没长到最大长度 + // 计算贝塞尔曲线上的点 + const p = bezier([this.point1, this.point2, this.point3], this.len * this.t); + this.draw(p); // 绘制当前点 + this.len += 1; // 增加长度 + this.radius *= 0.97; // 半径逐渐减小 + } else { // 如果已经长到最大长度 + this.tree.removeBranch(this); // 从树中移除当前树枝 + this.tree.addBranchs(this.branchs); // 添加子树枝 + } + } + + // 绘制树枝上的一个点 + draw(p) { + const { ctx } = this.tree; // 获取画布上下文 + + ctx.save(); // 保存当前绘图状态 + ctx.beginPath(); // 开始绘制路径 + ctx.fillStyle = 'rgb(35, 31, 32)'; // 设置填充颜色 + ctx.shadowColor = 'rgb(31, 35, 31)'; // 设置阴影颜色 + ctx.shadowBlur = 2; // 设置阴影模糊度 + ctx.moveTo(p.x, p.y); // 移动到指定点 + ctx.arc(p.x, p.y, this.radius, 0, 2 * Math.PI); // 绘制圆形 + ctx.closePath(); // 闭合路径 + ctx.fill(); // 填充圆形 + ctx.restore(); // 恢复绘图状态 + } +} + +// 花朵类 +class Bloom { + constructor(tree, point, figure, color = null, alpha = null, angle = null, scale = 0.1, place = null, speed = null) { + this.tree = tree; // 关联的树对象 + this.point = point; // 花朵位置 + // 设置颜色，如果没有则随机生成 + this.color = color || `rgb(255,${random(0, 255)},${random(0, 255)})`; + // 设置透明度，如果没有则随机生成(0.3-1) + this.alpha = alpha || random(0.3, 1); + // 设置角度，如果没有则随机生成(0-360度) + this.angle = angle || random(0, 360); + this.scale = scale; // 缩放比例 + this.place = place; // 目标位置(用于跳跃动画) + this.speed = speed; // 速度(用于跳跃动画) + this.figure = figure; // 花朵形状 + } + + // 设置花朵形状 + setFigure(figure) { + this.figure = figure; // 更新形状 + } + + // 花朵绽放动画 + flower() { + this.draw(); // 绘制花朵 + this.scale += 0.1; // 增加缩放比例 + if (this.scale > 1) { // 如果完全绽放 + this.tree.removeBloom(this); // 从树中移除 + } + } + + // 绘制花朵 + draw() { + const { ctx } = this.tree; // 获取画布上下文 + + ctx.save(); // 保存当前绘图状态 + ctx.fillStyle = this.color; // 设置填充颜色 + ctx.globalAlpha = this.alpha; // 设置全局透明度 + ctx.translate(this.point.x, this.point.y); // 移动坐标系到花朵中心 + ctx.scale(this.scale, this.scale); // 应用缩放 + ctx.rotate(this.angle); // 应用旋转 + ctx.beginPath(); // 开始绘制路径 + ctx.moveTo(0, 0); // 移动到中心 + + // 绘制花朵形状 + for (let i = 0; i < this.figure.length; i++) { + const p = this.figure.get(i); // 获取形状上的点 + ctx.lineTo(p.x, -p.y); // 绘制线到该点(y坐标取反) + } + + ctx.closePath(); // 闭合路径 + ctx.fill(); // 填充形状 + ctx.restore(); // 恢复绘图状态 + } + + // 花朵跳跃动画 + jump() { + const { height } = this.tree; // 获取树的高度 + + // 如果花朵超出边界，则移除 + if (this.point.x < -20 || this.point.y > height + 20) { + this.tree.removeBloom(this); + } else { + this.draw(); // 绘制花朵 + // 计算新位置(向目标位置移动) + this.point = this.place.sub(this.point).div(this.speed).add(this.point); + this.angle += 0.05; // 增加旋转角度 + this.speed -= 1; // 减小速度 + } + } +} + +// 树类 +class Tree { + constructor(canvas, width, height, opt = {}) { + this.canvas = canvas; // 画布元素 + this.ctx = canvas.getContext('2d'); // 画布上下文 + this.width = width; // 画布宽度 + this.height = height; // 画布高度 + this.opt = opt; // 配置选项 + this.record = {}; // 记录快照 + + // 初始化各个组件 + this.initSeed(); // 初始化种子 + this.initFooter(); // 初始化页脚 + this.initBranch(); // 初始化树枝 + this.initBloom(); // 初始化花朵 + } + + // 初始化种子 + initSeed() { + const { seed = {} } = this.opt; // 获取种子配置 + // 设置x坐标，默认为画布中心 + const x = seed.x || this.width / 2; + // 设置y坐标，默认为画布中心 + const y = seed.y || this.height / 2; + const point = new Point(x, y); // 创建位置点 + const color = seed.color || '#FF0000'; // 设置颜色，默认为红色 + const scale = seed.scale || 1; // 设置缩放比例，默认为1 + + this.seed = new Seed(this, point, scale, color); // 创建种子对象 + } + + // 初始化页脚 + initFooter() { + const { footer = {} } = this.opt; // 获取页脚配置 + const width = footer.width || this.width; // 设置宽度，默认为画布宽度 + const height = footer.height || 5; // 设置高度，默认为5 + const speed = footer.speed || 2; // 设置速度，默认为2 + this.footer = new Footer(this, width, height, speed); // 创建页脚对象 + } + + // 初始化树枝 + initBranch() { + const branchs = this.opt.branch || []; // 获取树枝配置 + this.branchs = []; // 初始化树枝数组 + this.addBranchs(branchs); // 添加树枝 + } + + // 初始化花朵 + initBloom() { + const { bloom = {} } = this.opt; // 获取花朵配置 + const cache = []; // 初始化花朵缓存 + const num = bloom.num || 500; // 设置花朵数量，默认为500 + const width = bloom.width || this.width; // 设置区域宽度 + const height = bloom.height || this.height; // 设置区域高度 + const figure = this.seed.heart.figure; // 获取心形图形 + const r = 240; // 心形半径 + + // 创建指定数量的花朵 + for (let i = 0; i < num; i++) { + cache.push(this.createBloom(width, height, r, figure)); + } + + this.blooms = []; // 初始化花朵数组 + this.bloomsCache = cache; // 存储花朵缓存 + } + + // 将画布转换为数据URL + toDataURL(type) { + return this.canvas.toDataURL(type); // 返回数据URL + } + + // 绘制记录的快照 + draw(k) { + const rec = this.record[k]; // 获取指定键的记录 + if (!rec) return; // 如果没有记录则返回 + + const { ctx } = this; // 获取画布上下文 + const { point, image } = rec; // 解构位置点和图像数据 + + ctx.save(); // 保存当前绘图状态 + ctx.putImageData(image, point.x, point.y); // 绘制图像数据 + ctx.restore(); // 恢复绘图状态 + } + + // 添加单个树枝 + addBranch(branch) { + this.branchs.push(branch); // 将树枝添加到数组 + } + + // 添加多个树枝 + addBranchs(branchs) { + for (const b of branchs) { // 遍历树枝配置 + // 创建三个控制点 + const p1 = new Point(b[0], b[1]); + const p2 = new Point(b[2], b[3]); + const p3 = new Point(b[4], b[5]); + const r = b[6]; // 半径 + const l = b[7]; // 长度 + const c = b[8]; // 子树枝配置 + // 创建树枝并添加到数组 + this.addBranch(new Branch(this, p1, p2, p3, r, l, c)); + } + } + + // 移除树枝 + removeBranch(branch) { + // 过滤掉指定的树枝 + this.branchs = this.branchs.filter(b => b !== branch); + } + + // 检查是否可以生长 + canGrow() { + return this.branchs.length > 0; // 是否有树枝需要生长 + } + + // 树枝生长 + grow() { + for (const branch of this.branchs) { // 遍历所有树枝 + if (branch) { + branch.grow(); // 让树枝生长 + } + } + } + + // 添加花朵 + addBloom(bloom) { + this.blooms.push(bloom); // 将花朵添加到数组 + } + + // 移除花朵 + removeBloom(bloom) { + // 过滤掉指定的花朵 + this.blooms = this.blooms.filter(b => b !== bloom); + } + + // 创建花朵 + createBloom(width, height, radius, figure, color, alpha, angle, scale, place, speed) { + let x, y; + while (true) { // 循环直到找到合适的位置 + // 随机生成x,y坐标 + x = random(20, width - 20); + y = random(20, height - 20); + // 检查是否在心形区域内 + if (inheart(x - width / 2, height - (height - 40) / 2 - y, radius)) { + // 创建并返回花朵对象 + return new Bloom(this, new Point(x, y), figure, color, alpha, angle, scale, place, speed); + } + } + } + + // 检查是否可以开花 + canFlower() { + return this.blooms.length > 0; // 是否有花朵需要绽放 + } + + // 花朵绽放 + flower(num) { + // 从缓存中取出指定数量的花朵 + const blooms = this.bloomsCache.splice(0, num); + blooms.forEach(bloom => this.addBloom(bloom)); // 添加到花朵数组 + + // 让所有花朵绽放 + this.blooms.forEach(bloom => bloom.flower()); + } + + // 拍摄快照 + snapshot(k, x, y, width, height) { + // 获取指定区域的图像数据 + const image = this.ctx.getImageData(x, y, width, height); + // 存储快照记录 + this.record[k] = { + image, // 图像数据 + point: new Point(x, y), // 位置点 + width, // 宽度 + height // 高度 + }; + } + + // 设置移动速度 + setSpeed(k, speed) { + this.record[k || "move"].speed = speed; // 更新速度 + } + + // 移动元素 + move(k, x, y) { + const rec = this.record[k || "move"]; // 获取记录 + const { ctx } = this; // 获取画布上下文 + // 解构记录属性 + const { point, image, speed = 10, width, height } = rec; + + // 计算新位置(考虑速度) + const i = point.x + speed < x ? point.x + speed : x; + const j = point.y + speed < y ? point.y + speed : y; + + ctx.save(); // 保存当前绘图状态 + ctx.clearRect(point.x, point.y, width, height); // 清除原区域 + ctx.putImageData(image, i, j); // 在新位置绘制图像 + ctx.restore(); // 恢复绘图状态 + + rec.point = new Point(i, j); // 更新位置点 + rec.speed = speed * 0.95; // 降低速度 + + if (rec.speed < 2) { // 确保最小速度 + rec.speed = 2; + } + return i < x || j < y; // 返回是否到达目标 + } + + jump() { + this.blooms.forEach(bloom => bloom.jump()); // 让所有花朵跳跃 + + // TODO 这里可以修改花朵的数量 + // 如果花朵数量不足，创建新的花朵 + if ((this.blooms.length && this.blooms.length < 30) || !this.blooms.length) { + const { bloom = {} } = this.opt; // 获取花朵配置 + const width = bloom.width || this.width; // 区域宽度 + const height = bloom.height || this.height; // 区域高度 + const figure = this.seed.heart.figure; // 心形图形 + const r = 240; // 心形半径 + + // 随机创建1-2朵新花朵 + for (let i = 0; i < random(1, 2); i++) { + this.blooms.push(this.createBloom( + width / 2 + width, // x范围扩大 + height, // 高度 + r, // 半径 + figure, // 形状 + null, 1, null, 1, // 默认颜色、透明度、角度、缩放 + // 随机目标位置 + new Point(random(-100, 600), 720), + random(200, 300) // 随机速度 + )); + } + } + } +} + +function random(min, max) { + return min + Math.floor(Math.random() * (max - min + 1)); +} + +// 工具函数 - 计算贝塞尔曲线上的点 +function bezier(cp, t) { + // 计算三次贝塞尔曲线的点 + const p1 = cp[0].mul((1 - t) * (1 - t)); // 第一项 + const p2 = cp[1].mul(2 * t * (1 - t)); // 第二项 + const p3 = cp[2].mul(t * t); // 第三项 + return p1.add(p2).add(p3); // 返回总和 +} + +// 工具函数 - 检查点是否在心形区域内 +function inheart(x, y, r) { + // 心形曲线方程 + const z = ((x / r) * (x / r) + (y / r) * (y / r) - 1) * + ((x / r) * (x / r) + (y / r) * (y / r) - 1) * + ((x / r) * (x / r) + (y / r) * (y / r) - 1) - + (x / r) * (x / r) * (y / r) * (y / r) * (y / r); + return z < 0; // 返回是否在心形内 +} + +// 导出到全局对象 +window.random = random; // 随机数函数 +window.bezier = bezier; // 贝塞尔曲线函数 +window.Point = Point; // Point类 +window.Tree = Tree; // Tree类 \ No newline at end of file diff --git a/test.html b/test.html new file mode 100644 index 0000000..deba9e4 --- /dev/null +++ b/test.html @@ -0,0 +1,403 @@ + + + + + + + 3D Gallery - Center View & Realistic Materials + + + + +
3D Gallery - 拖动鼠标旋转视图，滚轮缩放
+
Loading...
+ + + + + + + \ No newline at end of file