开发者

div in an iframe

In an iframe how to make a div to hide and on mouse over the bottom of the page bring it to front again.

This is just开发者_JAVA百科 like a control that appears in medial players,hide when mouse out and show when mouse over

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

Thanks..


in the iframe's page you can do something like this

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

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜