试图在悬停时显示iframe

Question

是否有一种方法可以在悬停时显示iframe.

这就是我所拥有的:

<div id="sub1" onmouseover="<iframe src="$('#countdown').load('https://days.to/22-january/2017 #countdown');>some text</div>

Answer 1

没有JS/jQ只需要一些CSS转换和一个:hover伪类

SNIPPET

#ifrm1 {
  opacity: 0;
  transition: opacity 1.5s linear;
}
#trig1:hover + iframe {
  opacity: 1;
  transition: opacity 1.5s linear;
}

<a href='#/' id='trig1'>HOVER</a>
<iframe id='ifrm1' name='ifrm1' src='https://days.to/until/christmas'></iframe>