我想实现Google地图上显示的弹出窗口,以评估餐馆(搜索后)。用户将鼠标悬停在整体评分上,然后会显示一个用户可以评分的弹出窗口。我正在使用jquery。一旦弹出窗口丢失焦点,弹出窗口就会消失。那么,基本上我想知道如何显示这样的弹出窗口?
答案 0 :(得分:0)
简单如下:
$("[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'});