显示用户的弹出窗口

时间:2011-09-27 05:20:06

标签: javascript jquery

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

1 个答案:

答案 0 :(得分:0)

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'});