iframe 中的 div

【问题标题】：div in an iframeiframe 中的 div
【发布时间】：2011-02-26 23:17:44
【问题描述】：

如何在 iframe 中隐藏 div，然后将鼠标悬停在页面底部将其再次置于前面。

这就像一个出现在中间播放器中的控件，鼠标移开时隐藏，鼠标悬停时显示

     <div>
       <img src="play.gif"/>
       <img src="next.gif"/>
       <img src="last.gif"/>
       <img src="first.gif"/>
       <img src="previous.gif"/>
       <img src="next.gif"/>
     </div>

谢谢..

【问题讨论】：

标签： javascript jquery jquery-ui jquery-plugins jquery-selectors

【解决方案1】：

在 iframe 的页面中，您可以执行类似的操作

<html>
<head>
  <script type="text\javascript">
     $(document).mouseover( function () {
        $("#playControls").show("slow");
     });
     $(document).mouseout( function () {
        $("#playControls").hide("slow");
     });
  </script>
</head>
<body>
     <div id="playControls" style="position:absolute; bottom:0px; left:0px; right:0px;"> 
       <img src="play.gif"/> 
       <img src="next.gif"/> 
       <img src="last.gif"/> 
       <img src="first.gif"/> 
       <img src="previous.gif"/> 
       <img src="next.gif"/> 
     </div> 
</body>
</html>

【讨论】：