gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 17:42:11 25 4
gpt4 key购买 nike

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

我该怎么做?

演示可在此处获得: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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com