Question

我想实现Google地图上显示的弹出窗口，以评估餐馆（搜索后）。用户将鼠标悬停在整体评分上，然后会显示一个用户可以评分的弹出窗口。我正在使用jquery。一旦弹出窗口丢失焦点，弹出窗口就会消失。那么，基本上我想知道如何显示这样的弹出窗口？

Answer 1

简单如下：

$("[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'});

显示用户的弹出窗口

1 个答案: