javascript - 如何在鼠标指针的右侧/左侧显示传单弹出窗口?

标签 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>

最佳答案

在 leaflet.css 中你可以改变:

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

尝试调整位置,您会发现可以更改弹出窗口的打开位置。

关于javascript - 如何在鼠标指针的右侧/左侧显示传单弹出窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23902848/

相关文章:

css - 是否可以使用 CSS 调整图像大小?

javascript - 无法将数据存储在 setState react 中

javascript - JSON.parse 不适用于值中的双引号

jquery - 为 CatComplete 设置 jquery 数组

jquery - 点击展开 YouTube 视频,就像 Facebook 一样

javascript - amcharts 交互式 map : making selected states a clickable link

javascript - 检查 jQuery slider 的最后一个子项

javascript - 基于前两个选项的 3 级选择选项

php - 高效有效的表单验证

html - 在 HTML 容器中均匀分布任意数量的元素