给站点增加一个愚人节彩蛋

折腾 194 字 2983 阅

写在前面

今天是4.1日愚人节

既然是愚人节,就得搞点事情

不知道各位有没有看到本博客的愚人节彩蛋呢

mmexport1617254683171.png

它的原理很简单:

利用 CSS 实现页面翻转,然后用 JS 定时器定时取消翻转。

废话不多说,直接上代码!

<script>  
if (!mkReaddata("fool")) {  // 如果没有触发过彩蛋  
    document.body.classList.add('mk-fool-egg');     // 给 body 增加彩蛋 class  
    window.setTimeout(function () {     // 定时退出彩蛋  
        mkSavedata("fool", "fool");     // 记录彩蛋已被执行  
        alert("恭喜发现愚人节彩蛋 :)");     // 弹窗(这里可以自己发挥)  
        document.body.classList.remove('mk-fool-egg');  
    }, 5000);   // 这里的 5000 代表 5s,也就是经过 5s 后弹窗,并退出彩蛋  
}  
  
// 写入 Cookie  
function mkSavedata(key, data) {  
    key = 'mk_' + key;  
    data = JSON.stringify(data);  
    if (window.localStorage) {  
        localStorage.setItem(key, data);  
    }  
}  
  
// 读取 Cookie  
function mkReaddata(key) {  
    if (!window.localStorage) return '';  
    key = 'mk_' + key;  
    return JSON.parse(localStorage.getItem(key));  
}  
</script>  
  
<style>  
/* 彩蛋的样式代码 */  
.mk-fool-egg {  
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);  
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);  
    transform: matrix(-1, 0, 0, 1, 0, 0);  
    -o-transform: skew(0deg, 180deg) scale(-1, 1);  
    filter:progid: DXImageTransform.Microsoft.BasicImage(mirror=1);  
}  
</style>

/* 从南到北https://ouoo.fun*/

把上面这段代码加到你的网页页脚部分就行了(记住,一定要加在页脚才会生效哦

- THE END -
打赏 分享
评论 ( 532 )
OωO
  1. Ykokdt

    ivermectin cream 5% - ivermectin lotion price stromectol cost

    昨天 19:28 回复
  2. DavidVek
    DavidVek

    tamoxifen alternatives premenopausal startrpx - tamoxifen cancer

    一天前 回复
  3. Yronpd

    sildenafil generic 50 mg - Discount viagra online where to buy viagra pills online

    一天前 回复
  4. DavidVek
    DavidVek

    ivermectin nz ivermectin for sale - buy ivermectin for humans uk

  5. Lutcch

    cheap custom essays - college essay for sale website to write essays

  6. DavidVek
    DavidVek

    ivermectin 2mg: buy stromectol - ivermectin tablets order

  7. Caqcdg

    casino real money - ocean casino online online casino real money usa

  8. Otsmrn

    cost of ivermectin lotion - topical ivermectin cost ivermectin 3mg oral

  9. Jordanbok
    Jordanbok

    natural cure for ed buy generic ed pills online - ed drugs list

  10. Ukjcyf

    ivermectin eye drops - ivermectin for sale ivermectin purchase

  11. Zqqxkw

    cialis us pharmacy online - Price cialis cialis generic tadalafil

    10月18日 回复
  12. Jordanbok
    Jordanbok

    ivermectin 4000 mcg ivermectin 6mg - ivermectin 3mg tablets price

    10月18日 回复
  13. Mokrop

    buy tadalafil from canada - oralciapll.com tadalafil 20mg canada

    10月17日 回复
  14. Jordanbok
    Jordanbok

    purchase ivermectin where to buy ivermectin pills - ivermectin lotion price

    10月16日 回复
  15. Ottrco

    sildenafil price 20mg - viagra 100mg for sale 007 viagra

    10月16日 回复
  16. Jordanbok
    Jordanbok

    erectile dysfunction drug help with ed - online ed drugs

    10月15日 回复
  17. Sfggeq

    generic viagra - how to get viagra sildenafil citrate 50mg tab

    10月14日 回复
  18. Jordanbok
    Jordanbok

    over the counter erectile dysfunction pills how to cure ed - erectile dysfunction medications

    10月13日 回复
  19. Btkfty

    stromectol how much it cost - buy stromectol stromectol online pharmacy

    10月13日 回复
  20. payday loans online

    hello my lovely stopforumspam member

    What are the Types of Loans in Ohio depending on the purpose
    Specific purpose payday loans in Ohio. Funds received in debt may be spent only for a specific purpose specified in the loan agreement.
    Non-purpose loan. The debtor may spend the money received at his discretion.
    Most popular specific purpose payday loans in Ohio are:

    House loan. The most common, of course, is a mortgage when the purchased property acts as collateral for a loan. Sometimes a youth loan is issued, with lighter conditions for debtors. Still quite common is a housing loan that does not imply purchased housing in the form of collateral.
    Car loan – payday loans in Ohio to a car or similar vehicle. The key is often the purchased goods, making the terms of the loan better. Also, loan conditions are improved: car insurance, life and health insurance of the borrower, and receiving a salary to the account of the creditor bank.
    Land loan. To purchase a plot for construction or agricultural activities.
    Consumer. For purchases in modern supermarkets, equipment stores, you can take a personal loan right at the point of sale. Often, specialists located there can contact the bank and get a regular or fast payday loans. Borrowed funds automatically pay for the goods, and the consultant explains when and how to re-pay the debt.
    Educational loan. It is issued to students, as well as to applicants who have passed the competition, to pay for tuition at universities, colleges, etc.
    Broker loan. For the circulation of securities, payday loans in Ohio are issued to an exchange broker, se-curities are purchased securities.
    Others. Objectives not related to those listed, but agreed and approved by the creditor.

    10月13日 回复
  21. Rodolfonex
    Rodolfonex

    http://edviagralove.online# clicks viagra price
    buy discount viagra

    10月12日 回复
  22. Appanu

    ivermectin virus - stromectol lotion price ivermectin 2mg online

    10月12日 回复
  23. gabapentin doses

    accutane online canada no prescription

    10月11日 回复
  24. Rodolfonex
    Rodolfonex

    https://edviagralove.online# female viagra prank
    generic viagra scam

    10月11日 回复
  25. Prednisone

    cialis original precio

    10月11日 回复
  26. Rodolfonex
    Rodolfonex

    https://edviagralove.online# how much is a bottle of viagra
    viagra online 100mg

    10月10日 回复
  27. Maedah

    fildena 150 usa and uk - kamagra gold 100mg cenforce 25 usa and uk

    10月10日 回复
  28. Klcsnq

    deltasone 20 mg - prednisone 4mg prednisone drugs

    10月9日 回复
  29. Dofics

    tadalafil india 5mg - buy tadalafil cialis generic daily cialis

    10月9日 回复
  30. Rodolfonex
    Rodolfonex

    https://edviagralove.online# herbal substitutes for viagra
    mail order viagra

    10月8日 回复
  31. offisee
    offisee
    10月8日 回复
  32. Intelut
    Intelut
    10月8日 回复
  33. offisee
    offisee

    https://prednisonebuyon.com/ - 5-day prednisone dosage

    10月8日 回复
  34. Nsmhbn

    tadalafil cialis - cialis 40 mg how much is 20 mg cialis

    10月7日 回复
  35. Anthonymor
    Anthonymor

    http://edcialislove.com/# cialis next day delivery

    10月7日 回复
  36. Lzkkga

    viagra no prescription online - brand viagra pills buy viagra using paypal

    10月6日 回复
  37. Anthonymor
    Anthonymor

    http://edcialislove.online# cialis black australia

    10月5日 回复
  38. Uzacue

    ivermectin where to buy - ivermectin purchase stromectol buy uk

    10月5日 回复
  39. Thomasbrita
    Thomasbrita

    doxycycline 200 mg buy doxycycline online without prescription doxycycline without a prescription

    10月4日 回复
  40. Yhlgui

    blue pill orlistat 60 - orlistat alli orlistat spc

    10月4日 回复
  41. Neurontine

    Comprar Cialis Zaragoza

    10月4日 回复
  42. Thomasbrita
    Thomasbrita

    ivermectin price comparison ivermectin for humans ivermectin 5

    10月3日 回复
  43. Veltfieni
    Veltfieni
    10月3日 回复
  44. Dmpfgm

    cenforce 200mg - cenforce 25 usa and uk buy vidalista 20 uk

    10月3日 回复
  45. Prednisone

    Cialis Cheap From India

    10月2日 回复
  46. Uaxbly

    hydroxychloroquine reviews - prednisone 5 mg pills prednisone 4

    10月1日 回复
  47. Thomasbrita
    Thomasbrita

    ivermectin 90 mg buy ivermectin stromectol ivermectin

    10月1日 回复
  48. Danielkem
    Danielkem

    cheap generic tadalafil 5mg buy tadalafil 10mg india - price of tadalafil 20mg

    9月26日 回复
  49. Cvpscn

    ivermectina - ivermectin tablets ivermectin 0.5 lotion india

    9月26日 回复
  50. Danielkem
    Danielkem

    plaquenil 200 mg tablet hydroxychloroquine uk - plaquenil cost for generic

    9月25日 回复
  51. Kxgyrj

    good academic writing - help with essay writing websites to write essays

    9月25日 回复
  52. kibundend
    kibundend
    9月25日 回复
  53. jimdofreewen

    We spent a lot of time at her home. Maybe so her mother could keep an eye on us. Mrs. Spencer made sure to be around, offering drinks, snacks, chit chat. I noticed that she was fairly young herself. Granted at my age, anyone over 25 was old, but she was probably mid-30s, divorced. If she was a indiction of how Carley would develop, maybe I should wait. Mrs. Spencer had fuller breasts and a nice butt. She appeared to be in great shape for her "advanced" age. I knew she was keeping an eye on me as much as I was on her and her younger daughter. Her eldest, Sharon was away at college at the time. With Mrs. Spencer around we mostly limited ourselves to holding hands and sneaking in a few light kisses. One day Mrs. Spencer caught us by surprise walking in as I'd slid my hand up from Carley's stomach to rub her right breast through her shirt. She didn't really need a bra yet, so I could feel her nipple, hard, through her shirt. Just this much contact had me hard also.

    https://sites.google.com/view/32TGa6bdNcCgmrh4 https://sites.google.com/view/t6FFL2qpRLekab0u

    9月24日 回复
  54. Bgeybo

    accutane australia buy - accutane no prescription isotretinoin medication

    9月24日 回复
  55. Danielkem
    Danielkem

    sildenafil 100 canadian pharmacy sildenafil generic prescription - viagra sildenafil citrate

    9月24日 回复
  56. Ifukjp

    tadalafil 5 mg - tadalafil coupon tadalafil online canadian pharmacy

    9月23日 回复
  57. Easedia
    Easedia
    9月22日 回复
  58. Danielkem
    Danielkem

    plaquenil coupon plaquenil sale - hydroxychloroquine prices

    9月22日 回复
  59. kibundend
    kibundend
    9月22日 回复
  60. Easedia
    Easedia
    9月22日 回复
  61. sholype
    sholype
    9月22日 回复
  62. Hpdonq

    sildenafil 100 - cheap sildenafil online sildenafil online

    9月21日 回复
  63. Priligy

    Propecia Folcres Generico

    9月21日 回复
  64. peenotoog
    peenotoog
    9月21日 回复
  65. Ocnmak

    buy ivermectin for humans australia - ivermectin 6 tablet ivermectin 4 tablets price

    9月20日 回复
  66. reddit priligy

    Priligy Niederlande

    9月19日 回复
  67. Ohemnp

    ivermectin 6mg - buy ivermectin uk stromectol australia

    9月19日 回复
  68. Jameshen
    Jameshen

    best ed solution buying ed pills online - ed treatment drugs

    9月18日 回复
  69. Tilange
    Tilange
    9月18日 回复
  70. Lasix

    Viagra Offiziell Kaufen

    9月18日 回复
  71. Tilange
    Tilange
    9月18日 回复
  72. Pczltz

    doxycycline 100mg cost in india - buy doxycycline without prescription uk prednisolone australia

    9月17日 回复
  73. plaquenil covid-19

    viagra cialis y levitra generico

    9月17日 回复
  74. acouple
    acouple

    https://buylasixshop.com/ - renal scan with lasix

    9月17日 回复
  75. Jameshen
    Jameshen

    canadian online pharmacy viagra without a doctor prescription - anti fungal pills without prescription

    9月17日 回复
  76. acouple
    acouple
    9月17日 回复
  77. Iyrhpi

    cytotec online canada - where to buy cytotec online buy cytotec uk

    9月16日 回复
  78. sholype
    sholype
    9月15日 回复
  79. Udeceb

    buy ventolin online - site generic ventolin price

    9月15日 回复
  80. Plaquenil

    Cialis Sample

    9月14日 回复
  81. Rakzsy

    can you buy furosemide over the counter tablets - furosemide 10 mg order furosemide

    9月14日 回复
  82. Attassy
    Attassy
    9月14日 回复
  83. Myztgn

    can i order prednisone - prednisone for dogs prednisone tablets 2.5 mg

    9月13日 回复
  84. KennethLor
    KennethLor

    ivermectin 400 mg brands ivermectin - ivermectin 6 mg tablets

    9月13日 回复
  85. Ikggrb

    ivermectin 6 mg - stromectol lotion ivermectin 3mg tablet

    9月12日 回复
  86. KennethLor
    KennethLor

    ivermectin human stromectol ivermectin - ivermectin 6mg

    9月11日 回复
  87. Propecia

    Online Pills Viagra

    9月11日 回复
  88. Nmrkmt

    india cialis generic - Buy cialis next day delivery tadalafil 5mg price uk

    9月9日 回复
  89. Evorogava
    Evorogava
    9月9日 回复
  90. Viagra

    Generic Priligy 30mg

    9月8日 回复
  91. saunTee
    saunTee
    9月8日 回复
  92. anowirway
    anowirway
    9月8日 回复
  93. Dtxzja

    buy online viagra tablets in india - Buy viagra com sildenafil discount prices

    9月8日 回复
  94. saunTee
    saunTee
    9月7日 回复
  95. Evorogava
    Evorogava
    9月7日 回复
  96. LesterVer
    LesterVer

    cheap medication online trusted india online pharmacies - best drugs for ed

    9月7日 回复
  97. Zsshkb

    writing a paper - write my law essay cheap research paper writers

    9月7日 回复
  98. buy ivermectin

    Buy Clomid Online From India

    9月6日 回复
  99. Rbpdki

    methylprednisolone tabs - lyrica without rx buy lyrica online india

    9月5日 回复
  100. Lgxtjn

    purchasing amoxicillin online - buy amoxicillin noscript amoxil 875

    9月4日 回复
  101. Vfgpoc

    cheapest generic accutane - accutane from canada generic accutane for sale

    9月3日 回复
  102. Yjmejk

    non prescription prednisone 20mg - 54 prednisone prednisone for sale

    9月1日 回复
  103. stromectol over the counter

    cialis drug prescription

    9月1日 回复
  104. Pzvyww

    ivermectin 1% - stromectol 3 mg

    8月31日 回复
  105. Cascalm
    Cascalm
    8月31日 回复
  106. Cialis

    Amoxicillin Cough Seraph And

    8月31日 回复
  107. Cascalm
    Cascalm

    http://buystromectolon.com/ - stromectol walmart canada

    8月30日 回复
  108. Gpbsti

    buy vardenafil online no prescription - can you buy vardenafil over the counter wiki vardenafil generic

    8月30日 回复
  109. propecia otc

    buy kamagra soft

    8月29日 回复
  110. best viagra online

    Isotretinoin Isotretin Best Website

    8月29日 回复
  111. Gwkiww

    canadian pharmacy online prescription tadalafil - cialis generic for sale

    8月29日 回复
  112. Embably
    Embably

    http://buysildenshop.com/ - viagra average age

    8月28日 回复
  113. anowirway
    anowirway
    8月28日 回复
  114. Embably
    Embably
    8月28日 回复
  115. cialis online india

    cialis performance

    8月27日 回复
  116. Lqaxrg

    viagra cheapest price - order sildenafil 20 mg

    8月27日 回复
  117. Wyvrmu

    neurontin online - neurontin 200 mg price levothyroxine 0.0125 mcg

    8月25日 回复
  118. Jrhxle

    doxycycline 100mg india - cost of doxycycline in india doxycycline brand name in india

    8月24日 回复
  119. Lxksvb

    buy cytotec pills - cytotec pills buy where to buy misoprostol online

    8月23日 回复
  120. Wmoseq

    ventolin uk price - site ventolin over the counter

    8月21日 回复
  121. Asfpoo

    buy ivermectin tablets - generic ivermectin stromectol otc

    8月20日 回复
感谢打赏