2010-09-08 93 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