編程是一個迷人的世界,在那裡沒有限制,有了創造力、空閒時間和最重要的許多咖啡,可以開發令人印象深刻的東西。 這方面的一個例子是實現樂趣的可能性 Facebook 圖像的浮動效果, 基於代碼 JavaScript的,這無疑會吸引任何看到它的用戶的注意力。
這樣做的想法是,例如,在您的個人資料中,您將代碼粘貼到瀏覽器中,然後您的個人資料照片、封面和其他圖像立即開始漂浮在您的整個屏幕上......它沒有任何用處,但是炫耀你的電腦技能會很有趣😉
你敢嘗試嗎? 這很容易,請繼續閱讀以了解如何正確操作。
Facebook 上的浮動圖像效果
對於 Mozilla Firefox
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);
對於谷歌瀏覽器
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);
不是很清楚嗎? 看視頻🙂
考慮到:
- 此代碼不是惡意的
- 它不會損壞您的計算機或破解您的個人資料 😉
- 如果您了解數學和 JavaScript,則可以對其進行修改。
- 要恢復正常,請重新加載頁面 (F5)。