提示:让 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. 权利:您可以随时限制,恢复和删除您的信息。