0

在iframe中,如何使div隱藏,然後將鼠標懸停在頁面底部,再次將其放在前面。div在iframe中

這就像出現在內側玩家控制,隱藏在鼠標移出並顯示,當鼠標移到

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

謝謝..

回答

0

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