High Time Function

最近博客换地址了,该功能已经移除。。。

请注意我博客主页右上角的HighTime功能,昨天在看小伙伴的博客的时候发现的,现在全盘供出源码。

<li> <a title="HighTime" href='javascript:(function() {
function c() {
    var e = document.createElement("link");
    e.setAttribute("type", "text/css");
    e.setAttribute("rel", "stylesheet");
    e.setAttribute("href", f);
    e.setAttribute("class", l);
    document.body.appendChild(e)
}

function h() {
    var e = document.getElementsByClassName(l);
    for (var t = 0; t < e.length; t++) {
        document.body.removeChild(e[t])
    }
}

function p() {
    var e = document.createElement("div");
    e.setAttribute("class", a);
    document.body.appendChild(e);
    setTimeout(function() {
        document.body.removeChild(e)
    }, 100)
}

function d(e) {
    return {
        height : e.offsetHeight,
        width : e.offsetWidth
    }
}

function v(i) {
    var s = d(i);
    return s.height > e && s.height < n && s.width > t && s.width < r
}

function m(e) {
    var t = e;
    var n = 0;
    while (!!t) {
        n += t.offsetTop;
        t = t.offsetParent
    }
    return n
}

function g() {
    var e = document.documentElement;
    if (!!window.innerWidth) {
        return window.innerHeight
    } else if (e && !isNaN(e.clientHeight)) {
        return e.clientHeight
    }
    return 0
}

function y() {
    if (window.pageYOffset) {
        return window.pageYOffset
    }
    return Math.max(document.documentElement.scrollTop, document.body.scrollTop)
}

function E(e) {
    var t = m(e);
    return t >= w && t <= b + w
}

function S() {
    var e = document.createElement("audio");
    e.setAttribute("class", l);
    e.src = i;
    e.loop = false;
    e.addEventListener("canplay", function() {
        setTimeout(function() {
            x(k)
        }, 500);
        setTimeout(function() {
            N();
            p();
            for (var e = 0; e < O.length; e++) {
                T(O[e])
            }
        }, 15500)
    }, true);
    e.addEventListener("ended", function() {
        N();
        h()
    }, true);
    e.innerHTML = " <p>If you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.</p> <p>";
    document.body.appendChild(e);
    e.play()
}

function x(e) {
    e.className += " " + s + " " + o
}

function T(e) {
    e.className += " " + s + " " + u[Math.floor(Math.random() * u.length)]
}

function N() {
    var e = document.getElementsByClassName(s);
    var t = new RegExp("\\b" + s + "\\b");
    for (var n = 0; n < e.length; ) {
        e[n].className = e[n].className.replace(t, "")
    }
}

var e = 30;
var t = 30;
var n = 350;
var r = 350;
var i = "//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake.mp3";
var s = "mw-harlem_shake_me";
var o = "im_first";
var u = ["im_drunk", "im_baked", "im_trippin", "im_blown"];
var a = "mw-strobe_light";
var f = "//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake-style.css";
var l = "mw_added_css";
var b = g();
var w = y();
var C = document.getElementsByTagName("*");
var k = null;
for (var L = 0; L < C.length; L++) {
    var A = C[L];
    if (v(A)) {
        if (E(A)) {
            k = A;
            break
        }
    }
}
if (A === null) {
    console.warn("Could not find a node of the right size. Please try a different page.");
    return
}
c();
S();
var O = [];
for (var L = 0; L < C.length; L++) {
    var A = C[L];
    if (v(A)) {
        O.push(A)
    }
}
})()    '>High一下</a> </li>

使用方法很简单,插进相应的HTML标签中即可。懂得JavaScript的朋友还可以另存到一个JS文件再引进来试试,我这里就仅供参考了。

P.S. 代码从这里来。再推荐下moxie的博客。


爱生活,爱技术。
愿结识各路小伙伴。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,214评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,307评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,543评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,221评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,224评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,007评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,313评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,956评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,441评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,925评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,018评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,685评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,234评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,240评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,464评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,467评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,762评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,499评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,022评论 4 62
  • 海岸的边上,有一只小船 上面载着神奇的梦 驶向远方。 我看到真实的话 会想起澄净的天空 水里游来游去的鱼 和一脸真...
    加冰少糖阅读 766评论 0 0
  • 以为忘记了, 回头发现它不在原处, 一恍然才发现它在这里。 你说不应该开始, 我选择放弃, 遗忘了那段时间。 可越...
    筱岄珵阅读 156评论 0 2
  • 昨天晚上半夜睡不着,把寒战2翻出来看。其实寒战第一部我也没怎么仔细看,影帝的戏不管怎样都还是有的看的。寒战2的时候...
    鱼塘没有鱼阅读 408评论 0 0