如何在鼠标指针的右/左侧显示小册子弹出窗口?

时间:2014-05-28 04:29:13

标签: javascript jquery css

我想在鼠标指针的右侧或左侧弹出小册子。默认情况下,它显示在鼠标指针的顶部。

我该怎么做?

该演示可在此处获取:http://jsfiddle.net/Wn5Kh

<!DOCTYPE html>
<html>
    <head>
        <title>CircleMarker tooltip</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="http://leafletjs.com/dist/leaflet.css" />
        <!--[if lte IE 8]>
            <link rel="stylesheet" href="http://leafletjs.com/dist/leaflet.ie.css"
            />
        <![endif]-->
    </head>

    <body>
        <div id="map" style="width: 600px; height: 400px"></div>
        <script src="http://leafletjs.com/dist/leaflet.js"></script>
    </body>
</html>

1 个答案:

答案 0 :(得分:1)

在leaflet.css中你可以改变:

.leaflet-popup {
position: absolute;
text-align: center;
}

尝试使用该位置,您将看到可以更改弹出窗口的位置。