Question

我正试图制作一种能够“点亮”网页的火炬。我通过在背景中放置一个带有透明孔的黑色图像来完成此操作。我正在努力想办法以一种有形的方式发布代码，但这里是文件（全部大于2mb，以chrome打开）：https://www.dropbox.com/sh/1cyl710mmhtbo51/843TzPcuQ_

我现在正在尝试用真实网站替换网站背景，在我的示例中是图像。我已经尝试了iframe，但发现不成功，因为你无法嵌入谷歌等。任何人都可以想到我可以将我的黑暗图像悬停在现场网站上吗？

这只需要在我自己的笔记本电脑上进行演示。

Answer 1

如果只需要在您的计算机上运行，只需将页面源复制到HTML文件中并保存即可。然后你可以任何你想要的方式编辑它。您可能需要调整URL以使图像和CSS正常工作。

Answer 2

无论如何，我不确定这是你在寻找什么; jsfiddle

document.body.appendChild(lightContainer);
lightContainer.appendChild(light);
lightContainer.onmousemove = function(e) {
  var posX = e.clientX;
  var posY = e.clientY;
  light.style.left = -5000 + posX +'px';
  light.style.top = -5000 + posY + 'px';
};

你看不到任何东西，因为我找不到透明的图像。在内容div中，您可以放置任何您想要的内容。

如何在另一个网站上获取图像

2 个答案: