Translate

2012年2月9日 星期四

javascript 滑鼠移入秀小試窗 離開後自動消失

a.html  一超連結 想先欲先顯示某些資訊
b.html 欲秀的內容 

//---------a.html內容-----------------
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title></title>
  </head>
  <BODY onload="mname()" onclick="onTop()">
    <SCRIPT Language=JavaScript>
   
      var newwin = null; 
      function mname()
      {
          self.opener='aa';
      }
      function onTop()
      {
      if (newwin != null && newwin.open)
      {
         newwin.focus();
      }
      }
          function opwin()
      {
          newwin=window.open('b.html','nw','width=100,height=100,resizable=no,scrollbars=yes,status=0');
      }
     
      function closeb()
      {
         if (newwin != null && newwin.open) newwin.close();newwin=null;
      }
    </script>
   
    <A href="#" onMouseOver="opwin()"  OnMouseOut ="closeb()">靠近我秀小視窗</A>
 
  </BODY>
</html>
 
//-------------------

//-----b.html內容----------
     <html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title></title>
  </head>
  <BODY>
       Hi 我是要顯示的內容
  </BODY>
</html>
//---------------

沒有留言:

張貼留言