Question

在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>

谢谢..

Answer 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>

iframe中的div

1 个答案: