html整人js代碼大全,Fool.js惡搞整人網頁特效jQuery插件

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

支持的特效

消失的滾動條

莫名其妙播放的音樂

隨機消失的頁面元素

不間斷的彈出傻x的問題

頁面顛倒

頁面扭曲

頁面閃爍

無限循環 -> 瀏覽器崩潰

頁面突然變純黑

無法點擊

整個頁面可編輯

使用方法

$(document).ready(function() { // When the document is ready

$.fool('flash'); // Run the Rick Astley prank

});

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

$.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插件

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/454514.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/454514.shtml
英文地址,請注明出處:http://en.pswp.cn/news/454514.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

HDU - 5934

tarjan 視頻講解 /*** 題目鏈接:https://vjudge.net/problem/HDU-5934* 題意:給你n個炸彈,引爆每個炸彈會有一定的花費。每個炸彈給出坐標x,y,半徑r,引爆花費;* 引爆一個炸彈會把范圍內的炸…

Centos7-Lvs+Keepalived架構實驗詳解

Centos7-LvsKeepalived架構 LVSKeepalived 介紹 1 、 LVS LVS 是一個開源的軟件,可以實現 LINUX 平臺下的簡單負載均衡。 LVS 是 Linux Virtual Server 的縮寫,意思是 Linux 虛擬服務器。目前有三種 IP 負載均衡技術( VS/NAT 、 VS/TUN 和 …

python調用matlab環境配置、非常詳細!!!_[python][matlab]使用python調用matlab程序

問題引入 在做實驗的時候,需要用到python和matlab工具來進行不同的處理,比如在run神經網絡的時候,需要使用pytorch框架得到網絡的各個參數,在得到參數后需要使用matlab進行聚類規劃。之前的做法是用python腳本耦合其聯系&#xff…

html里寫js ajax嗎,js、ajax、jquery的區別是什么?

js、ajax、jquery的區別1、JS是一門前端語言。2、Ajax是一門技術,它提供了異步更新的機制,使用客戶端與服務器間交換數據而非整個頁面文檔,實現頁面的局部更新。3、jQuery是一個框架,它對JS進行了封裝,使其更方便使用。…

Flask 基礎

Flask是一個基于Python開發并且依賴 jinja2 模板和 Werkzeug WSGI 服務的一個微型框架,對于Werkzeug本質是Socket服務端,其用于接收http請求并對請求進行預處理,然后觸發Flask框架,開發人員基于Flask框架提供的功能對請求進行相應…

IIS 部署asp.net Core程序注意事項

Install the .NET Core Windows Server Hosting bundleInstall the.NET Core Runtime修改應用程序池的.net framework版本為無托管代碼轉載于:https://www.cnblogs.com/Qos8/p/7616036.html

泰安第一中學2021年高考成績查詢,等級考第一天結束 泰安部分考生已完成2021年高考...

6 月 9 日,山東新高考進入第三天,也是學業水平等級考試的第一天,物理、思想政治、化學三門選考科目的考試已全部完成。由于選考科目不同,考生結束高考的進程也不同,9 日下午,選考物理、思想政治、化學的考生…

基于FFMPEG 的跨平臺視頻編解碼研究

第33卷 第11期2011年11月武 漢 理 工 大 學 學 報JOURNALOF WUHANUNIVERSITYOFTECHNOLOGY Vol.33 No.11??????????????????????????????????????????????????Nov.2011DOI:10.3963/j.issn.1671-4431.2011.11.029基于FFMPEG 的…

python邏輯型數據也叫什么_Python入門 | 運算符和數據類型

自用總結。 零散知識 1.Python的計算方法:運算符、函數、方法 1) 方法與函數的區別: 方法與特定類型的對象有關,是屬于某個對象的函數,對象始終是該方法的第一個參數。e.g. islower()方法是檢查字符串中字符是否為小寫形式的方法&…

Flask 第三方組件之 WTForms

簡介 WTForms是一個支持多個web框架的form組件,主要用于對用戶請求數據進行驗證。 安裝: pip3 install wtforms 用戶登錄注冊示例 1. 用戶登錄 當用戶登錄時候,需要對用戶提交的用戶名和密碼進行多種格式校驗。如: 用戶不能為…

機器學習原理與算法(六) 支持向量機

版權聲明:本系列文章為博主原創文章,轉載請注明出處!謝謝! 本章索引: 從第3章的Logistic回歸算法開始,我們一直在討論分類問題。在各種不同的分類算法中,...,我們一直在討論如何分類…

讀《程序員的SQL金典》[2]--函數

一、數學函數 1.RAND SELECT RAND () ---0.302870228294199取0-1之間的隨機小數。 2.小數取整 CEILINT(data)舍掉小數部分并向上取整。FLOOR(data)舍掉小數部分并向下取整。SELECT TOP 3 FWeight, CEILING(FWeight ),FLOOR( FWeight) FROM T_PersonRound(m,d):四舍…

html div模塊前留空白,html – 3個DIV彼此相鄰,中間填充空白

您好我想問你如何將3 DIV放在一起,而中間一個填補第一和第三DIV之間的空白.我想在第一個NAD第三個DIV中有動態按鈕,我需要中間DIV來填充第一和第三個DIV之間的空間.我會破壞純CSS / HTML(沒有JavaScript)這是我的嘗試:http://jsfiddle.net/4smx3627/#wrapper{height…

mplayer安裝記錄 源碼分析

mplayer源碼下載地址: http://www.mplayerhq.hu/MPlayer/releases/ 下載最新的MPlayer-1.0rc4 #mkdir /usr/local/mplayer #mkdir /usr/local/codecs #cd MPlayer-1.0rc4 #./configure --prefix/usr/local/mplayer --codecsdir/usr/local/ codecs --langua…

python人臉識別代碼百度ai_python百度AI人臉識別API測試

1、注冊賬號 2、創建應用 3、得到AK和SK 4、用AK SK獲取access_token 可用下面的代碼: #!/usr/bin/python3.5 # encoding:utf-8 import requests # client_id 你的AK client_secret 你的SK host https://aip.baidubce.com/oauth/2.0/token?grant_typeclient_crede…

Flask 第三方組件之 SQLAlchemy

一、介紹 SQLAlchemy是一個基于Python實現的ORM框架。該框架建立在 DB API之上,使用關系對象映射進行數據庫操作,簡言之便是:將類和對象轉換成SQL,然后使用數據API執行SQL并獲取執行結果。 安裝:pip3 install sqlalc…

httpservlet獲取請求端IP地址

request.getRemoteAddr(); 轉載于:https://www.cnblogs.com/panxuejun/p/7623850.html

html 中怎樣顯示enum,JavaScript如何枚舉?

JavaScript中對象的屬性分為兩種:數據屬性和訪問器屬性。然后根據具體的上下文環境的不同,又可以將屬性分為:原型屬性和實例屬性。原型屬性是定義在對象的原型(prototype)中的屬性,而實例屬性一方面來自構造的函數中,然…

iperf測試網卡性能

Iperf是一個網絡性能測試工具。可以測試TCP和UDP帶寬質量,可以測量最大TCP帶寬,具有多種參數和UDP特性,可以報告帶寬,延遲抖動和數據包丟失 因為產品上確定要要用的PHY是千M的&a…

acrobat 控件可以發布嗎_短視頻可以同時在多個平臺發布嗎?

我們在做自媒體內容創業中,很多人都在做視頻版塊,那么一個短視頻到底能不能多平臺同時發布呢?那么今天,我來分享給大家,希望能夠幫到你解決困惑。1.作品可以多平臺分發:大家不確定是否能多平臺分發&#xf…