显示对用户弹出

-1

我想实现一个弹出式显示在谷歌地图上，以评分餐馆（搜索后）。用户悬停在整体评分上，然后弹出显示哪个用户可以评分。我正在使用jQuery。一旦焦点从弹出窗口丢失，弹出窗口应该消失。所以，基本上我想知道如何显示这样的弹出窗口？显示对用户弹出

2011-09-27 ruskin

快速搜索[“jquery tooltip”]（http://www.google.com/webhp?hl=zh-CN#sclient=psy-ab&hl=zh-CN&site=webhp&source=hp&q=jquery%20tool%20tip）或[“jquery modal window”]（http://www.google.com/#pq=jquery+tool+tip&hl=zh-CN&sugexp=pfwc&cp=14&gs_id=51&xhr=t&q=jquery+modal+window）将引导您驾船出行，大量的好工具。 *会字面上*是大船满载不同的答案。 –

@MichaelJasper真的如此。它的有趣之处在于人们在谷歌之前就开始走向SO;没有很多网站可以夸耀！ – chown

@chown - 问题是他们没有在搜索，所以他们只是提出以前已经回答的问题。我认为它不值得投票。 http://stackoverflow.com/questions/3117879/creating-popup-content-with-jquery –

jquery tooltip is a good one

它的那样简单：

$("[title]").tooltip(); 
// or 
// $(".trigger").tooltip({ position: "bottom left", opacity: 0.7});

即使自主工具提示中HTML（从它们的例子page here）：

<!-- trigger element. a regular workable link --> 
<a id="download_now">Download now</a> 

<!-- tooltip element --> 
<div class="tooltip"> 

    <img src="http://static.flowplayer.org/img/title/eye.png" alt="Flying screens" 
     style="float:left;margin:0 15px 20px 0" /> 

    <table style="margin:0"> 
     <tr> 
      <td class="label">File</td> 
      <td>flowplayer-3.2.7.zip</td> 
     </tr> 
     <tr> 
      <td class="label">Date</td> 
      <td>2011-03-03</td> 
     </tr> 
     <tr> 
      <td class="label">Size</td> 
      <td>112 kB</td> 
     </tr> 
     <tr> 
      <td class="label">OS</td> 
      <td>all</td> 
     </tr>  
    </table> 

    <a href="/3.2/">What's new in 3.2</a> 
</div>

然后：

$("#download_now").tooltip({ effect: 'slide'});

来源

2011-09-27 05:25:14 chown

显示对用户弹出

回答

相关问题