Javascript 仅在鼠标悬停时加载iframe

嘿，我希望iframe仅在mosue悬停时加载

我只想在鼠标结束的时候把它放下来，因为我有很多，而且网站的加载速度很差

有什么想法吗

我已经试过了，如果它周围有一个隐藏的div，但我不喜欢这个选项

$.text.mouseoverfunction{ $this.children.test.show； }.mouseoutfunction{ $this.children.test.hide； }; .文本{ 颜色：069； 光标：指针； 文字装饰：无； } .测试{ 显示：无； 位置：绝对位置； 边框：1px000； 宽度：400px； 高度：400px； } &128065; 不要设置iframe的src。仅当用户第一次悬停时设置

在下面的代码片段中，您可以看到iframe内部的页面在您将鼠标悬停在眼睛上方之前，最初不会加载

我故意评论显示：无；以便您可以观察到该页面未加载

$.text.mouseoverfunction{ var src=$this.children.test.attr'src'； 如果！src{ src=$this.children.test.attr'data-src'； $this.children.test.attr'src'，src； } $this.children.test.show； }.mouseoutfunction{ $this.children.test.hide； }; .文本{ 颜色：069； 光标：指针； 文字装饰：无； } .测试{ //显示：无； 位置：绝对位置； 边框：1px000； 宽度：400px； 高度：400px； } &128065; 不要设置iframe的src。仅当用户第一次悬停时设置

在下面的代码片段中，您可以看到iframe内部的页面在您将鼠标悬停在眼睛上方之前，最初不会加载

我故意评论显示：无；以便您可以观察到该页面未加载

$.text.mouseoverfunction{ var src=$this.children.test.attr'src'； 如果！src{ src=$this.children.test.attr'data-src'； $this.children.test.attr'src'，src； } $this.children.test.show； }.mouseoutfunction{ $this.children.test.hide； }; .文本{ 颜色：069； 光标：指针； 文字装饰：无； } .测试{ //显示：无； 位置：绝对位置； 边框：1px000； 宽度：400px； 高度：400px； } &128065;

---

哇，谢谢，很快，还有一个问题。我用php代码加载src，以便html代码在php中得到响应，并用不同的属性和变量填充iframe的src。我不能在js文件中这样做，因为我没有所有的变量等。你知道吗？你可以在iframe-like数据src的不同属性中设置url，并在javascript代码中使用它来获得srcurl@Cepturion请看修改后的答案。哇，谢谢。这很快，还有一个问题。我用php代码加载src，以便html代码在php中得到响应，并用不同的属性和变量填充iframe的src。我不能在js文件中这样做，因为我没有所有的变量等。你知道吗？你可以在iframe-like数据src的不同属性中设置url，并在javascript代码中使用它来获得srcurl@Cepturion请参阅修改后的答案。