Javascript 带有自定义预览的HTML iframe

我想创建一个iframe，允许您查看自定义预览。所以现在我把它作为我的iframe代码

<a class="hover">Example
 <iframe class="preview" src="http://www.example.com"></iframe>
</a>

但是，我希望能够在iframe中显示我自己定制的HTML，而不是网站预览。例如，如果我将鼠标悬停在一家公司的名称上，我希望能够显示信息，例如公司成立的时间、员工人数等。我如何才能做到这一点？

不需要js

你可以通过css来完成

.preview{
  display:none;
}

.hover:hover .preview{
  display:block;
}

---

但是我如何将自己的HTML输入到框架中呢？

.preview{
  display:none;
}

.hover:hover .preview{
  display:block;
}