顯示對用戶彈出

-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

顯示對用戶彈出

回答

相關問題