用Js技术实现云动画文字。
效果演示
代码展示
html内容
<!doctype html>
<html><head><meta charset="utf-8"><title></title><style>body {background-color:#000000;color:#555555;
}
h4 {font-family:sans-serif;color:#555555;font-size:16px;
}
h3 {font-family:sans-serif;color:#555555;
}
p {font-family:sans-serif;color:#888888;font-size:14px;
}
a {font-family:sans-serif;color:#d15423;text-decoration:none;
}
</style></head><body><script src="js/modernizr.min.js"></script><div style="text-align:center"><canvas id="canvasOne" width="900" height="520"></canvas></div><script type="text/javascript">window.addEventListener("load", windowLoadHandler, false);var sphereRad = 280;var radius_sp = 1;var opt_display_dots = false;var unicodeFlakes = ['我', '的', '发', '了', '和', '发', '的', '他', '下', '是', '来', '啊', '从', '吧', '吗', '我', '蒌', '火', '的','山', '首', '页', '嫖', '是', '肺', '化', '?', '化', '?', '符', '?', '是', '原', '子', '序', '?', '是', '它', '是', '肺', '灰', '白','色', '?', '金', '?', '有', '光', '?', '冱', '硬', '?', '於', '碳', '族', '化', '?', '性', '冱', '陪', '同', '族', '的', '遽', '陪','矽', '相', '共', '有', '五', '肺', '同', '位', '素', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?','才', '菜', '参', '餐', '层', '茶', '差', '长', '常', '场', '唱', '超', '车', '成', '城', '程', '吃', '店', '定', '订', '丢', '东', '冬','懂', '动', '都', '读', '独', '度', '短', '对', '多', '饿', '儿', '而', '发', '法', '反', '饭', '方', '房', '放', '飞', '非', '费', '分','份', '风', '封', '夫', '服', '附', '父', '复', '该', '改', '干', '感', '刚', '高', '告', '哥', '歌', '格', '个', '给', '号', '喝', '和','河', '贺', '黑', '很', '红', '后', '候', '湖', '护', '花', '化', '画', '话', '坏', '欢', '还', '换', '黄', '回', '会', '婚', '活', '火','或', '机', '鸡', '级', '极', '急', '际', '济', '继', '寄', '加', '家', '假', '价', '力', '历', '丽', '联', '凉', '两', '亮', '谅', '辆','了', '林', '零', '六', '楼', '路', '录', '旅', '妈', '马', '码', '吗', '买', '卖', '满', '慢', '忙', '猫', '毛', '贸', '么', '没', '每','美', '妹', '米', '面', '民', '明', '末', '母', '目', '拿', '哪', '那', '奶', '男', '南', '难', '脑', '呢', '能', '你', '年', '念', '鸟','您', '牛', '农', '努', '女', '暖', '欧', '怕', '乓', '旁', '胖', '跑', '朋', '片', '漂', '票', '乒', '平', '期', '其', '奇', '骑', '起','气', '汽', '千', '前', '签', '轻', '清', '情', '请', '秋', '球', '区', '取', '去', '趣', '全', '然', '让', '首', '售', '书', '术', '树','双', '谁', '水', '睡', '说', '司', '思', '死', '四', '送', '诉', '算', '虽', '岁', '孙', '所', '他', '她', '它', '台', '太', '谈', '汤','堂', '套', '特', '踢', '提', '题', '体', '天', '填', '条', '铁', '听', '厅', '庭', '通', '同', '头', '图', '外', '玩', '完', '晚', '万','王', '网', '往', '忘', '望', '卫', '为', '位', '文', '我', '卧', '五', '午', '务', '物', '西', '吸', '希', '息', '习', '牙', '亚', '烟','言', '羊', '阳', '样', '药', '要', '也', '业', '夜', '一', '衣', '医', '已', '以', '易', '意', '因', '音', '印', '银', '应', '英', '影','硬', '用', '邮', '油', '游', '友', '有', '又', '右', '鱼', '愉', '雨', '语', '元', '员', '园', '原', '远', '院', '愿', '月', '在', '早','怎', '张', '找', '照', '者', '这', '真', '正', '证', '知', '只', '之', '直', '止', '纸', '至', '治', '中', '钟', '种', '重', '周', '洲','主', '住', '助', '祝', '注', '专', '准'];var Debugger = function() {};Debugger.log = function(message) {try {console.log(message);} catch (exception) {return;}}function windowLoadHandler() {canvasApp();}function canvasSupport() {return Modernizr.canvas;}function canvasApp() {if (!canvasSupport()) {return;}var theCanvas = document.getElementById("canvasOne");var context = theCanvas.getContext("2d");var displayWidth;var displayHeight;var timer;var wait;var count;var numToAddEachFrame;var particleList;var recycleBin;var particleAlpha;var r, g, b;var fLen;var m;var projCenterX;var projCenterY;var zMax;var turnAngle;var turnSpeed;var sphereCenterX, sphereCenterY, sphereCenterZ;var particleRad;var zeroAlphaDepth;var randAccelX, randAccelY, randAccelZ;var gravity;var rgbString;var p;var outsideTest;var nextParticle;var sinAngle;var cosAngle;var rotX, rotZ;var depthAlphaFactor;var i;var theta, phi;var x0, y0, z0;init();function init() {wait = 1;count = wait - 1;numToAddEachFrame = 4;r = 70;g = 255;b = 140;rgbString = "rgba(" + r + "," + g + "," + b + ",";particleAlpha = 1;displayWidth = theCanvas.width;displayHeight = theCanvas.height;fLen = 320;projCenterX = displayWidth / 2;projCenterY = displayHeight / 2;zMax = fLen - 2;particleList = {};recycleBin = {};randAccelX = 0.1;randAccelY = 0.1;randAccelZ = 0.1;gravity = -0;particleRad = 2.5;sphereCenterX = 0;sphereCenterY = 0;sphereCenterZ = -3 - sphereRad;zeroAlphaDepth = -750;turnSpeed = 2 * Math.PI / 1200;turnAngle = 0;timer = setInterval(onTimer, 10 / 24);}function onTimer() {count++;if (count >= wait) {count = 0;for (i = 0; i < numToAddEachFrame; i++) {theta = Math.random() * 2 * Math.PI;phi = Math.acos(Math.random() * 2 - 1);x0 = sphereRad * Math.sin(phi) * Math.cos(theta);y0 = sphereRad * Math.sin(phi) * Math.sin(theta);z0 = sphereRad * Math.cos(phi);var p = addParticle(x0, sphereCenterY + y0, sphereCenterZ + z0, 0.002 * x0, 0.002 * y0, 0.002 * z0);p.attack = 50;p.hold = 50;p.decay = 100;p.initValue = 0;p.holdValue = particleAlpha;p.lastValue = 0;p.stuckTime = 90 + Math.random() * 20;p.accelX = 0;p.accelY = gravity;p.accelZ = 0;}}turnAngle = (turnAngle + turnSpeed) % (2 * Math.PI);sinAngle = Math.sin(turnAngle);cosAngle = Math.cos(turnAngle);context.fillStyle = "#000000";context.fillRect(0, 0, displayWidth, displayHeight);p = particleList.first;while (p != null) {nextParticle = p.next;p.age++;if (p.age > p.stuckTime) {p.velX += p.accelX + randAccelX * (Math.random() * 2 - 1);p.velY += p.accelY + randAccelY * (Math.random() * 2 - 1);p.velZ += p.accelZ + randAccelZ * (Math.random() * 2 - 1);p.x += p.velX;p.y += p.velY;p.z += p.velZ;}rotX = cosAngle * p.x + sinAngle * (p.z - sphereCenterZ);rotZ = -sinAngle * p.x + cosAngle * (p.z - sphereCenterZ) + sphereCenterZ;m = radius_sp * fLen / (fLen - rotZ);p.projX = rotX * m + projCenterX;p.projY = p.y * m + projCenterY;if (p.age < p.attack + p.hold + p.decay) {if (p.age < p.attack) {p.alpha = (p.holdValue - p.initValue) / p.attack * p.age + p.initValue;} else if (p.age < p.attack + p.hold) {p.alpha = p.holdValue;} else if (p.age < p.attack + p.hold + p.decay) {p.alpha = (p.lastValue - p.holdValue) / p.decay * (p.age - p.attack - p.hold) + p.holdValue;}} else {p.dead = true;}if ((p.projX > displayWidth) || (p.projX < 0) || (p.projY < 0) || (p.projY > displayHeight) || (rotZ > zMax)) {outsideTest = true;} else {outsideTest = false;}if (outsideTest || p.dead) {recycle(p);} else {depthAlphaFactor = (1 - rotZ / zeroAlphaDepth);depthAlphaFactor = (depthAlphaFactor > 1) ? 1 : ((depthAlphaFactor < 0) ? 0 : depthAlphaFactor);context.fillStyle = rgbString + depthAlphaFactor * p.alpha + ")";context.fillText(p.flake, p.projX, p.projY);context.beginPath();if (opt_display_dots) {context.arc(p.projX, p.projY, m * particleRad, 0, 2 * Math.PI, false);}context.closePath();context.fill();}p = nextParticle;}}function addParticle(x0, y0, z0, vx0, vy0, vz0) {var newParticle;var color;if (recycleBin.first != null) {newParticle = recycleBin.first;if (newParticle.next != null) {recycleBin.first = newParticle.next;newParticle.next.prev = null;} else {recycleBin.first = null;}} else {newParticle = {};}if (particleList.first == null) {particleList.first = newParticle;newParticle.prev = null;newParticle.next = null;} else {newParticle.next = particleList.first;particleList.first.prev = newParticle;particleList.first = newParticle;newParticle.prev = null;}newParticle.x = x0;newParticle.y = y0;newParticle.z = z0;newParticle.velX = vx0;newParticle.velY = vy0;newParticle.velZ = vz0;newParticle.age = 0;newParticle.dead = false;newParticle.flake = unicodeFlakes[Math.floor(Math.random() * unicodeFlakes.length)];if (Math.random() < 0.5) {newParticle.right = true;} else {newParticle.right = false;}return newParticle;}function recycle(p) {if (particleList.first == p) {if (p.next != null) {p.next.prev = null;particleList.first = p.next;} else {particleList.first = null;}} else {if (p.next == null) {p.prev.next = null;} else {p.prev.next = p.next;p.next.prev = p.prev;}}if (recycleBin.first == null) {recycleBin.first = p;p.prev = null;p.next = null;} else {p.next = recycleBin.first;recycleBin.first.prev = p;recycleBin.first = p;p.prev = null;}}}</script><div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"></div></body>
</html>js内容
;
window.Modernizr = function(a, b, c) {function D(a) {j.cssText = a}function E(a, b) {return D(n.join(a + ";") + (b || ""))}function F(a, b) {return typeof a === b}function G(a, b) {return !!~("" + a).indexOf(b)}function H(a, b) {for (var d in a) {var e = a[d];if (!G(e, "-") && j[e] !== c) return b == "pfx" ? e : !0}return !1}function I(a, b, d) {for (var e in a) {var f = b[a[e]];if (f !== c) return d === !1 ? a[e] : F(f, "function") ? f.bind(d || b) : f}return !1}function J(a, b, c) {var d = a.charAt(0).toUpperCase() + a.slice(1),e = (a + " " + p.join(d + " ") + d).split(" ");return F(b, "string") || F(b, "undefined") ? H(e, b) : (e = (a + " " + q.join(d + " ") + d).split(" "), I(e, b, c))}function K() {e.input = function(c) {for (var d = 0, e = c.length; d < e; d++) u[c[d]] = c[d] in k;return u.list && (u.list = !!b.createElement("datalist") && !!a.HTMLDataListElement), u}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")), e.inputtypes =function(a) {for (var d = 0, e, f, h, i = a.length; d < i; d++) k.setAttribute("type", f = a[d]), e = k.type !== "text", e && (k.value = l, k.style.cssText = "position:absolute;visibility:hidden;", /^range$/.test(f) && k.style.WebkitAppearance !==c ? (g.appendChild(k), h = b.defaultView, e = h.getComputedStyle && h.getComputedStyle(k, null).WebkitAppearance !=="textfield" && k.offsetHeight !== 0, g.removeChild(k)) : /^(search|tel)$/.test(f) || (/^(url|email)$/.test(f) ?e = k.checkValidity && k.checkValidity() === !1 : e = k.value != l)), t[a[d]] = !!e;return t}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var d = "2.6.2",e = {},f = !0,g = b.documentElement,h = "modernizr",i = b.createElement(h),j = i.style,k = b.createElement("input"),l = ":)",m = {}.toString,n = " -webkit- -moz- -o- -ms- ".split(" "),o = "Webkit Moz O ms",p = o.split(" "),q = o.toLowerCase().split(" "),r = {svg: "http://www.w3.org/2000/svg"},s = {},t = {},u = {},v = [],w = v.slice,x, y = function(a, c, d, e) {var f, i, j, k, l = b.createElement("div"),m = b.body,n = m || b.createElement("body");if (parseInt(d, 10))while (d--) j = b.createElement("div"), j.id = e ? e[d] : h + (d + 1), l.appendChild(j);return f = ["­", '<style id="s', h, '">', a, "</style>"].join(""), l.id = h, (m ? l : n).innerHTML += f, n.appendChild(l), m || (n.style.background = "", n.style.overflow = "hidden", k = g.style.overflow, g.style.overflow = "hidden",g.appendChild(n)), i = c(l, a), m ? l.parentNode.removeChild(l) : (n.parentNode.removeChild(n), g.style.overflow =k), !!i},z = function(b) {var c = a.matchMedia || a.msMatchMedia;if (c) return c(b).matches;var d;return y("@media " + b + " { #" + h + " { position: absolute; } }", function(b) {d = (a.getComputedStyle ? getComputedStyle(b, null) : b.currentStyle)["position"] == "absolute"}), d},A = function() {function d(d, e) {e = e || b.createElement(a[d] || "div"), d = "on" + d;var f = d in e;return f || (e.setAttribute || (e = b.createElement("div")), e.setAttribute && e.removeAttribute && (e.setAttribute(d, ""), f = F(e[d], "function"), F(e[d], "undefined") || (e[d] = c), e.removeAttribute(d))), e = null, f}var a = {select: "input",change: "input",submit: "form",reset: "form",error: "img",load: "img",abort: "img"};return d}(),B = {}.hasOwnProperty,C;!F(B, "undefined") && !F(B.call, "undefined") ? C = function(a, b) {return B.call(a, b)} : C = function(a, b) {return b in a && F(a.constructor.prototype[b], "undefined")}, Function.prototype.bind || (Function.prototype.bind = function(b) {var c = this;if (typeof c != "function") throw new TypeError;var d = w.call(arguments, 1),e = function() {if (this instanceof e) {var a = function() {};a.prototype = c.prototype;var f = new a,g = c.apply(f, d.concat(w.call(arguments)));return Object(g) === g ? g : f}return c.apply(b, d.concat(w.call(arguments)))};return e}), s.flexbox = function() {return J("flexWrap")}, s.canvas = function() {var a = b.createElement("canvas");return !!a.getContext && !!a.getContext("2d")}, s.canvastext = function() {return !!e.canvas && !!F(b.createElement("canvas").getContext("2d").fillText, "function")}, s.webgl = function() {return !!a.WebGLRenderingContext}, s.touch = function() {var c;return "ontouchstart" in a || a.DocumentTouch && b instanceof DocumentTouch ? c = !0 : y(["@media (", n.join("touch-enabled),("), h, ")", "{#modernizr{top:9px;position:absolute}}"].join(""), function(a) {c = a.offsetTop === 9}), c}, s.geolocation = function() {return "geolocation" in navigator}, s.postmessage = function() {return !!a.postMessage}, s.websqldatabase = function() {return !!a.openDatabase}, s.indexedDB = function() {return !!J("indexedDB", a)}, s.hashchange = function() {return A("hashchange", a) && (b.documentMode === c || b.documentMode > 7)}, s.history = function() {return !!a.history && !!history.pushState}, s.draganddrop = function() {var a = b.createElement("div");return "draggable" in a || "ondragstart" in a && "ondrop" in a}, s.websockets = function() {return "WebSocket" in a || "MozWebSocket" in a}, s.rgba = function() {return D("background-color:rgba(150,255,150,.5)"), G(j.backgroundColor, "rgba")}, s.hsla = function() {return D("background-color:hsla(120,40%,100%,.5)"), G(j.backgroundColor, "rgba") || G(j.backgroundColor, "hsla")}, s.multiplebgs = function() {return D("background:url(https://),url(https://),red url(https://)"), /(url\s*\(.*?){3}/.test(j.background)}, s.backgroundsize = function() {return J("backgroundSize")}, s.borderimage = function() {return J("borderImage")}, s.borderradius = function() {return J("borderRadius")}, s.boxshadow = function() {return J("boxShadow")}, s.textshadow = function() {return b.createElement("div").style.textShadow === ""}, s.opacity = function() {return E("opacity:.55"), /^0.55$/.test(j.opacity)}, s.cssanimations = function() {return J("animationName")}, s.csscolumns = function() {return J("columnCount")}, s.cssgradients = function() {var a = "background-image:",b = "gradient(linear,left top,right bottom,from(#9f9),to(white));",c = "linear-gradient(left top,#9f9, white);";return D((a + "-webkit- ".split(" ").join(b + a) + n.join(c + a)).slice(0, -a.length)), G(j.backgroundImage,"gradient")}, s.cssreflections = function() {return J("boxReflect")}, s.csstransforms = function() {return !!J("transform")}, s.csstransforms3d = function() {var a = !!J("perspective");return a && "webkitPerspective" in g.style && y("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b, c) {a = b.offsetLeft === 9 && b.offsetHeight === 3}), a}, s.csstransitions = function() {return J("transition")}, s.fontface = function() {var a;return y('@font-face {font-family:"font";src:url("https://")}', function(c, d) {var e = b.getElementById("smodernizr"),f = e.sheet || e.styleSheet,g = f ? f.cssRules && f.cssRules[0] ? f.cssRules[0].cssText : f.cssText || "" : "";a = /src/i.test(g) && g.indexOf(d.split(" ")[0]) === 0}), a}, s.generatedcontent = function() {var a;return y(["#", h, "{font:0/0 a}#", h, ':after{content:"', l, '";visibility:hidden;font:3px/1 a}'].join(""),function(b) {a = b.offsetHeight >= 3}), a}, s.video = function() {var a = b.createElement("video"),c = !1;try {if (c = !!a.canPlayType) c = new Boolean(c), c.ogg = a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""), c.h264 = a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/, ""), c.webm = a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/, "")} catch (d) {}return c}, s.audio = function() {var a = b.createElement("audio"),c = !1;try {if (c = !!a.canPlayType) c = new Boolean(c), c.ogg = a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""), c.mp3 = a.canPlayType("audio/mpeg;").replace(/^no$/, ""), c.wav = a.canPlayType('audio/wav; codecs="1"').replace(/^no$/, ""), c.m4a = (a.canPlayType("audio/x-m4a;") || a.canPlayType("audio/aac;")).replace(/^no$/, "")} catch (d) {}return c}, s.localstorage = function() {try {return localStorage.setItem(h, h), localStorage.removeItem(h), !0} catch (a) {return !1}}, s.sessionstorage = function() {try {return sessionStorage.setItem(h, h), sessionStorage.removeItem(h), !0} catch (a) {return !1}}, s.webworkers = function() {return !!a.Worker}, s.applicationcache = function() {return !!a.applicationCache}, s.svg = function() {return !!b.createElementNS && !!b.createElementNS(r.svg, "svg").createSVGRect}, s.inlinesvg = function() {var a = b.createElement("div");return a.innerHTML = "<svg/>", (a.firstChild && a.firstChild.namespaceURI) == r.svg}, s.smil = function() {return !!b.createElementNS && /SVGAnimate/.test(m.call(b.createElementNS(r.svg, "animate")))}, s.svgclippaths = function() {return !!b.createElementNS && /SVGClipPath/.test(m.call(b.createElementNS(r.svg, "clipPath")))};for (var L in s) C(s, L) && (x = L.toLowerCase(), e[x] = s[L](), v.push((e[x] ? "" : "no-") + x));return e.input || K(), e.addTest = function(a, b) {if (typeof a == "object")for (var d in a) C(a, d) && e.addTest(d, a[d]);else {a = a.toLowerCase();if (e[a] !== c) return e;b = typeof b == "function" ? b() : b, typeof f != "undefined" && f && (g.className += " " + (b ? "" : "no-") + a),e[a] = b}return e}, D(""), i = k = null,function(a, b) {function k(a, b) {var c = a.createElement("p"),d = a.getElementsByTagName("head")[0] || a.documentElement;return c.innerHTML = "x<style>" + b + "</style>", d.insertBefore(c.lastChild, d.firstChild)}function l() {var a = r.elements;return typeof a == "string" ? a.split(" ") : a}function m(a) {var b = i[a[g]];return b || (b = {}, h++, a[g] = h, i[h] = b), b}function n(a, c, f) {c || (c = b);if (j) return c.createElement(a);f || (f = m(c));var g;return f.cache[a] ? g = f.cache[a].cloneNode() : e.test(a) ? g = (f.cache[a] = f.createElem(a)).cloneNode() : g =f.createElem(a), g.canHaveChildren && !d.test(a) ? f.frag.appendChild(g) : g}function o(a, c) {a || (a = b);if (j) return a.createDocumentFragment();c = c || m(a);var d = c.frag.cloneNode(),e = 0,f = l(),g = f.length;for (; e < g; e++) d.createElement(f[e]);return d}function p(a, b) {b.cache || (b.cache = {}, b.createElem = a.createElement, b.createFrag = a.createDocumentFragment, b.frag = b.createFrag()),a.createElement = function(c) {return r.shivMethods ? n(c, a, b) : b.createElem(c)}, a.createDocumentFragment = Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(" + l().join().replace(/\w+/g, function(a) {return b.createElem(a), b.frag.createElement(a), 'c("' + a + '")'}) + ");return n}")(r, b.frag)}function q(a) {a || (a = b);var c = m(a);return r.shivCSS && !f && !c.hasCSS && (c.hasCSS = !!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")), j || p(a, c), a}var c = a.html5 || {},d = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f, g = "_html5shiv",h = 0,i = {},j;(function() {try {var a = b.createElement("a");a.innerHTML = "<xyz></xyz>", f = "hidden" in a, j = a.childNodes.length == 1 || function() {b.createElement("a");var a = b.createDocumentFragment();return typeof a.cloneNode == "undefined" || typeof a.createDocumentFragment == "undefined" || typeof a.createElement =="undefined"}()} catch (c) {f = !0, j = !0}})();var r = {elements: c.elements ||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS: c.shivCSS !== !1,supportsUnknownElements: j,shivMethods: c.shivMethods !== !1,type: "default",shivDocument: q,createElement: n,createDocumentFragment: o};a.html5 = r, q(b)}(this, b), e._version = d, e._prefixes = n, e._domPrefixes = q, e._cssomPrefixes = p, e.mq = z, e.hasEvent = A, e.testProp =function(a) {return H([a])}, e.testAllProps = J, e.testStyles = y, e.prefixed = function(a, b, c) {return b ? J(a, b, c) : J(a, "pfx")}, g.className = g.className.replace(/(^|\s)no-js(\s|$)/, "$1$2") + (f ? " js " + v.join(" ") : ""), e}(this, this.document),function(a, b, c) {function d(a) {return "[object Function]" == o.call(a)}function e(a) {return "string" == typeof a}function f() {}function g(a) {return !a || "loaded" == a || "complete" == a || "uninitialized" == a}function h() {var a = p.shift();q = 1, a ? a.t ? m(function() {("c" == a.t ? B.injectCss : B.injectJs)(a.s, 0, a.a, a.x, a.e, 1)}, 0) : (a(), h()) : q = 0}function i(a, c, d, e, f, i, j) {function k(b) {if (!o && g(l.readyState) && (u.r = o = 1, !q && h(), l.onload = l.onreadystatechange = null, b)) {"img" != a && m(function() {t.removeChild(l)}, 50);for (var d in y[c]) y[c].hasOwnProperty(d) && y[c][d].onload()}}var j = j || B.errorTimeout,l = b.createElement(a),o = 0,r = 0,u = {t: d,s: c,e: f,a: i,x: j};1 === y[c] && (r = 1, y[c] = []), "object" == a ? l.data = c : (l.src = c, l.type = a), l.width = l.height = "0", l.onerror =l.onload = l.onreadystatechange = function() {k.call(this, r)}, p.splice(e, 0, u), "img" != a && (r || 2 === y[c] ? (t.insertBefore(l, s ? null : n), m(k, j)) : y[c].push(l))}function j(a, b, c, d, f) {return q = 0, b = b || "j", e(a) ? i("c" == b ? v : u, a, b, this.i++, c, d, f) : (p.splice(this.i++, 0, a), 1 == p.length &&h()), this}function k() {var a = B;return a.loader = {load: j,i: 0}, a}var l = b.documentElement,m = a.setTimeout,n = b.getElementsByTagName("script")[0],o = {}.toString,p = [],q = 0,r = "MozAppearance" in l.style,s = r && !!b.createRange().compareNode,t = s ? l : n.parentNode,l = a.opera && "[object Opera]" == o.call(a.opera),l = !!b.attachEvent && !l,u = r ? "object" : l ? "script" : "img",v = l ? "script" : u,w = Array.isArray || function(a) {return "[object Array]" == o.call(a)},x = [],y = {},z = {timeout: function(a, b) {return b.length && (a.timeout = b[0]), a}},A, B;B = function(a) {function b(a) {var a = a.split("!"),b = x.length,c = a.pop(),d = a.length,c = {url: c,origUrl: c,prefixes: a},e, f, g;for (f = 0; f < d; f++) g = a[f].split("="), (e = z[g.shift()]) && (c = e(c, g));for (f = 0; f < b; f++) c = x[f](c);return c}function g(a, e, f, g, h) {var i = b(a),j = i.autoCallback;i.url.split(".").pop().split("?").shift(), i.bypass || (e && (e = d(e) ? e : e[a] || e[g] || e[a.split("/").pop().split("?")[0]]), i.instead ? i.instead(a, e, f, g, h) : (y[i.url] ? i.noexec = !0 : y[i.url] = 1, f.load(i.url, i.forceCSS ||!i.forceJS && "css" == i.url.split(".").pop().split("?").shift() ? "c" : c, i.noexec, i.attrs, i.timeout), (d(e) || d(j)) && f.load(function() {k(), e && e(i.origUrl, h, g), j && j(i.origUrl, h, g), y[i.url] = 2})))}function h(a, b) {function c(a, c) {if (a) {if (e(a)) c || (j = function() {var a = [].slice.call(arguments);k.apply(this, a), l()}), g(a, j, b, 0, h);else if (Object(a) === a)for (n in m = function() {var b = 0,c;for (c in a) a.hasOwnProperty(c) && b++;return b}(), a) a.hasOwnProperty(n) && (!c && !--m && (d(j) ? j = function() {var a = [].slice.call(arguments);k.apply(this, a), l()} : j[n] = function(a) {return function() {var b = [].slice.call(arguments);a && a.apply(this, b), l()}}(k[n])), g(a[n], j, b, n, h))} else !c && l()}var h = !!a.test,i = a.load || a.both,j = a.callback || f,k = j,l = a.complete || f,m, n;c(h ? a.yep : a.nope, !!i), i && c(i)}var i, j, l = this.yepnope.loader;if (e(a)) g(a, 0, l, 0);else if (w(a))for (i = 0; i < a.length; i++) j = a[i], e(j) ? g(j, 0, l, 0) : w(j) ? B(j) : Object(j) === j && h(j, l);else Object(a) === a && h(a, l)}, B.addPrefix = function(a, b) {z[a] = b}, B.addFilter = function(a) {x.push(a)}, B.errorTimeout = 1e4, null == b.readyState && b.addEventListener && (b.readyState = "loading", b.addEventListener("DOMContentLoaded", A = function() {b.removeEventListener("DOMContentLoaded", A, 0), b.readyState = "complete"}, 0)), a.yepnope = k(), a.yepnope.executeStack = h, a.yepnope.injectJs = function(a, c, d, e, i, j) {var k = b.createElement("script"),l, o, e = e || B.errorTimeout;k.src = a;for (o in d) k.setAttribute(o, d[o]);c = j ? h : c || f, k.onreadystatechange = k.onload = function() {!l && g(k.readyState) && (l = 1, c(), k.onload = k.onreadystatechange = null)}, m(function() {l || (l = 1, c(1))}, e), i ? k.onload() : n.parentNode.insertBefore(k, n)}, a.yepnope.injectCss = function(a, c, d, e, g, i) {var e = b.createElement("link"),j, c = i ? h : c || f;e.href = a, e.rel = "stylesheet", e.type = "text/css";for (j in d) e.setAttribute(j, d[j]);g || (n.parentNode.insertBefore(e, n), m(c, 0))}}(this, document), Modernizr.load = function() {yepnope.apply(window, [].slice.call(arguments, 0))};
