Fool.js惡搞整人網頁特效jQuery外掛

silenceboy發表於2016-07-14
JS網頁特效jQuery

Fool.js是一個 jQuery 外掛，包含了幾種頁面特效，可以用來在愚人節的時候整人，來實現更多的更變態的愚人功能，當然你也可以使用這個外掛完成更多好看的效果。

支援的特效

  • 消失的滾動條

  • 莫名其妙播放的音樂

  • 隨機消失的頁面元素

  • 不間斷的彈出傻x的問題

  • 頁面顛倒

  • 頁面扭曲

  • 頁面閃爍

  • 無限迴圈 -> 瀏覽器崩潰

  • 頁面突然變純黑

  • 無法點選

  • 整個頁面可編輯

使用方法

<script src="fool.min.js"></script>
<script>
$(document).ready(function() { //  When the document is ready
    $.fool(`flash`); //  Run the Rick Astley prank
});
</script>

配置各種不同的愚人效果，下面是配置了兩種效果）

$.fool({
    hiddenVideos: true, //  Show some wonderfully annoying videos
    vanishingElements: true, //  Hide random elements as they interact
});

可選引數

Fool.js具有的愚人效果列表，Rick Astley只是開始。有一個完整的範圍內使用的有趣的選項。單擊任何預覽它們的選項，注意：這些會毀了瀏覽體驗。準備重新整理。

fallingScrollbar: true,   //  Want the scrollbar to fall over?
rick: true,               //  The synonymous Rick Astley video, hidden off-screen
hiddenVideos: true,       //  Show some wonderfully annoying videos
vanishingElements: true,  //  Hide random elements as they interact
questionTime: true,       //  Sing Spongebob with your browser!
upsideDown: true,         //  Flip the page upside down!
h4xx0r: true,             //  Make the page 100% editable
wonky: true,              //  Make the page a little bit crooked
flash: true,              //  Makes the site flash on and off
crashAndBurn: true,       //  Runs an endless loop. This will kill your browser!
shutter: true,            //  Forces a shutter on the screen
unclickable: true,        //  Makes the page unclickable

Github地址：https://github.com/idiot/Fool.js
文章轉載自：問說網 » Fool.js惡搞整人網頁特效jQuery外掛

相關文章