2010-09-08 43 views
1

如何制作jQuery弹出式注释?这是我目前有,如何制作jquery弹出式注释

Note Code Example 

<html> 
     <head> 
      <script type="text/javascript" src="jquery.js"> </script> 
      <style type="text/css" rel="stylesheet"> 
       #popup { 
        border: 1px solid black; 
        width: 400px; 
       } 
      </style> 
      <script type="text/javascript"> 
       $(document).ready(function() { 
        $(".HoverMe").mouseenter(function() { 
         var left = $(".HoverMe").position().left; 
         var top = $(".HoverMe").position().top; 

         $("body").append("<div id=\"popup\"> </div>"); 
         $("#popup").css("left",left); 
         $("#popup").css("top",top); 
         $("#popup").append("<p> Hello World </p>"); 
        }); 
        $(".HoverMe").mouseleave(function() { 
         $("#popup").fadeout("fast"); 
        }); 
       }); 
      </script> 
     </head> 
     <body> 
      <div class="HoverMe"> 
       Hover Me 
      </div> 
     </body> 
    </html> 

那不是我想要的,我想要的东西,就像当你徘徊一些文本,它会显示一些文字弹出。如果有意义的话,弹出窗口然后与文本的中心对齐。

任何示例都将有用,

谢谢!

+0

有很多jQuery *插件*已经做到了这一点,除非你只是*那*专业,否则你不需要。 – Incognito 2010-09-08 20:17:02

+0

我想学习如何用jquery自己做,可能会学到一两种新技术。 – Gebsbo 2010-09-08 20:19:13

回答

4

关于使用别人的代码,该怎么做?我建议tipsy