提示:讓 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 =)