提示:讓 Facebook 圖片浮動

編程是一個迷人的世界,在那裡沒有限制,有了創造力、空閒時間和最重要的許多咖啡,可以開發令人印象深刻的東西。 這方面的一個例子是實現樂趣的可能性 Facebook 圖像的浮動效果, 基於代碼 JavaScript的,這無疑會吸引任何看到它的用戶的注意力。

這樣做的想法是,例如,在您的個人資料中,您將代碼粘貼到瀏覽器中,然後您的個人資料照片、封面和其他圖像立即開始漂浮在您的整個屏幕上......它沒有任何用處,但是炫耀你的電腦技能會很有趣😉

你敢嘗試嗎? 這很容易,請繼續閱讀以了解如何正確操作。

Facebook 上的浮動圖像效果

對於 Mozilla Firefox

步驟 1.- 轉到任何個人資料或頁面,其中顯然有幾張圖片。
步驟 2.- 打開 Web Developer 工具 (Ctrl + Shift + I),或從 菜單> 開發者> Web 控制台 (Ctrl + Shift + K)。
步驟 3.- 在控制台中粘貼以下代碼並按 Enter。

javascript: R = 0; x1 = .1; y1 = .05; x2 = .25; y2 = .24; x3 = 1.6; y3 = .24; x4 = 300; y4 = 200; x5 = 300; y5 = 200; DI = document.getElementsByTagName ("img"); DIL = DI.length; 函數 A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = '絕對'; DIS.left = (Math.sin (R * x1 + i * x2 + x3) * x4 + x5) + »px»; DIS.top = (Math.cos (R * y1 + i * y2 + y3) * y4 + y5) + »px»} R ++} setInterval('A()', 5); 無效(0);

就這些! 如果你做對了,你會立即註意到圖像將在屏幕上滑動,以“舞動搖擺”的節奏。

對於谷歌瀏覽器

步驟 1.- 轉到任何有圖像的個人資料或頁面。
步驟 2.- 在瀏覽器的地址欄中(多功能框),粘貼以下代碼:

javascript:R = 0; x1 = .1; y1 = .05; x2 = .25; y2 = .24; x3 = 1.6; y3 = .24; x4 = 300; y4 = 200; x5 = 300; y5 = 200; DI = document.getElementsByTagName ("img"); DIL = DI.length; 函數 A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = '絕對'; DIS.left = (Math.sin (R * x1 + i * x2 + x3) * x4 + x5) + »px»; DIS.top = (Math.cos (R * y1 + i * y2 + y3) * y4 + y5) + »px»} R ++} setInterval('A()', 5); 無效(0);

噢! 在按 Enter 之前,您必須手動輸入 javascript: 開始時如代碼所示,因為如果直接粘貼,Chrome 不會接受它。

不是很清楚嗎? 看視頻🙂







考慮到:




  • 此代碼不是惡意的
  • 它不會損壞您的計算機或破解您的個人資料 😉
  • 如果您了解數學和 JavaScript,則可以對其進行修改。
  • 要恢復正常,請重新加載頁面 (F5)。
這就是訣竅,我希望你能分享,喜歡或 +1 =)


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:Actualidad Blog
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。