编程是一个迷人的世界,在那里没有限制,有了创造力、空闲时间和最重要的许多咖啡,可以开发令人印象深刻的东西。 这方面的一个例子是实现乐趣的可能性 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)。