尝试让iframe出现在悬停状态

马修

有没有一种方法可以让iframe悬停显示。

这就是我所拥有的:

<div id="sub1" onmouseover="<iframe src="$('#countdown').load('https://days.to/22-january/2017 #countdown');>some text</div>
米歇尔·里瓦(Michele Riva)

使用jQuery!对不起,脚本很丑陋,我敢肯定,你可以做得更好:)

$('#idToHover').hover(function(){
  $('#idModal').css("display", "block");
})

$('#idToHover').mouseout(function(){
  $('#idModal').css("display", "none");
})
#idModal{
display: none;  
}
<html>
  <head>
    <script
  src="https://code.jquery.com/jquery-3.1.1.slim.js"
  integrity="sha256-5i/mQ300M779N2OVDrl16lbohwXNUdzL/R2aVUXyXWA="
  crossorigin="anonymous"></script>
  </head>
 
  <body>
   
    <div id="idToHover"> Hello World </div>
    <div id="idModal">
      <iframe src="http://www.w3schools.com"></iframe>
    </div>  
    
  </body>
</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Mapview弹出图出现在悬停状态吗?

来自分类Dev

出现在悬停时的div悬停状态命中区域

来自分类Dev

使p出现在div悬停上

来自分类Dev

CSS Submeu 出现在悬停时,但当我尝试转到子菜单时消失

来自分类Dev

网站未出现在iframe中

来自分类Dev

当您将鼠标悬停在整个表格行上时,如何使按钮出现在悬停状态?

来自分类Dev

如何使箭头仅在悬停时出现在轮播上

来自分类Dev

使悬停的Div中的框阴影出现在图上

来自分类Dev

Bootstrap btn-primary出现在悬停上

来自分类Dev

菜单栏出现在iframe后面

来自分类Dev

状态栏出现在Tableview的顶部

来自分类Dev

Flexbox 悬停使子菜单 txt 仅出现在悬停列中

来自分类Dev

通知未出现在后台状态和应用程序的终止状态

来自分类Dev

文字出现在影像悬停中,并带有一系列影像

来自分类Dev

悬停div另一个div出现在顶部

来自分类Dev

当光标悬停时,如何使子菜单出现在每个菜单上?

来自分类Dev

仅在将鼠标悬停在图像上时出现在图像上

来自分类Dev

悬停后,css下拉菜单::子菜单出现在主菜单中

来自分类Dev

弹出式Div出现在按钮的悬停上

来自分类Dev

使用纯CSS使绿色选项卡出现在悬停div上

来自分类Dev

SVG ID名称出现在鼠标悬停时

来自分类Dev

Bootstrap popover出现在悬停时并停留一秒钟

来自分类Dev

如何使用jquery悬停使我的登录表单出现在鼠标上方?

来自分类Dev

悬停效果重复出现在背景图案上

来自分类Dev

鼠标悬停时按钮未出现在正确的div中

来自分类Dev

如何在 AmCharts 的鼠标悬停时抑制图形值出现在图例中?

来自分类Dev

将鼠标悬停在图像上后,如何让菜单出现在图像上?

来自分类Dev

使悬停功能出现在所有 100 个 div 中

来自分类Dev

为什么我的下拉菜单没有出现在悬停时?

Related 相关文章

  1. 1

    Mapview弹出图出现在悬停状态吗?

  2. 2

    出现在悬停时的div悬停状态命中区域

  3. 3

    使p出现在div悬停上

  4. 4

    CSS Submeu 出现在悬停时,但当我尝试转到子菜单时消失

  5. 5

    网站未出现在iframe中

  6. 6

    当您将鼠标悬停在整个表格行上时,如何使按钮出现在悬停状态?

  7. 7

    如何使箭头仅在悬停时出现在轮播上

  8. 8

    使悬停的Div中的框阴影出现在图上

  9. 9

    Bootstrap btn-primary出现在悬停上

  10. 10

    菜单栏出现在iframe后面

  11. 11

    状态栏出现在Tableview的顶部

  12. 12

    Flexbox 悬停使子菜单 txt 仅出现在悬停列中

  13. 13

    通知未出现在后台状态和应用程序的终止状态

  14. 14

    文字出现在影像悬停中,并带有一系列影像

  15. 15

    悬停div另一个div出现在顶部

  16. 16

    当光标悬停时,如何使子菜单出现在每个菜单上?

  17. 17

    仅在将鼠标悬停在图像上时出现在图像上

  18. 18

    悬停后,css下拉菜单::子菜单出现在主菜单中

  19. 19

    弹出式Div出现在按钮的悬停上

  20. 20

    使用纯CSS使绿色选项卡出现在悬停div上

  21. 21

    SVG ID名称出现在鼠标悬停时

  22. 22

    Bootstrap popover出现在悬停时并停留一秒钟

  23. 23

    如何使用jquery悬停使我的登录表单出现在鼠标上方?

  24. 24

    悬停效果重复出现在背景图案上

  25. 25

    鼠标悬停时按钮未出现在正确的div中

  26. 26

    如何在 AmCharts 的鼠标悬停时抑制图形值出现在图例中?

  27. 27

    将鼠标悬停在图像上后,如何让菜单出现在图像上?

  28. 28

    使悬停功能出现在所有 100 个 div 中

  29. 29

    为什么我的下拉菜单没有出现在悬停时?

热门标签

归档