Forgot password?
 Create new account
View 108|Reply 1

showMenu test

[Copy link]

701

Threads

110K

Posts

910K

Credits

Credits
94177
QQ

Show all posts

kuing Posted at 2024-3-4 15:09:19 |Read mode
Last edited by kuing at 2024-3-4 16:15:00AAAAAAAAAAAAAAAAAAAAAAAAA
AAAAA
info1
AAAAA
info2
AAAAA
AAAAAAAAAAAAAAAAAAAAAAAAA
AAAAA
info4
AAAAA
info3
AAAAA
AAAAAAAAAAAAAAAAAAAAAAAAA
鼠标移到 info 上看气泡出现的位置。

701

Threads

110K

Posts

910K

Credits

Credits
94177
QQ

Show all posts

 Author| kuing Posted at 2024-3-4 16:13:16
基本用法:
<div id="主ID" onmouseover="showMenu({'ctrlid':this.id,'pos':'XY'})" style="...">正文内容</div>
<div class="tip tip_Z" id="主ID_menu" style="display: none">气泡内文字<div class="tip_horn"></div></div>
其中 X Y Z 可以取 1 2 3 4,分别指 左上、右上、右下、左下(顺时针来记)。

X 是锚点在正文内容的位置

Y 是气泡相对于锚点的位置

Z 是气泡那个尖出现的位置

当前论坛显示图片信息的气泡就是用 'pos':'12' 以及 tip_4 ,即:
锚点在图片左上角,气泡在锚点的右上方,气泡尖在气泡的左下方。(1# 的 info1 那样)

所以通常 Y 和 Z 应处于对角线(1-3,2-4)。

手机版Mobile version|Leisure Math Forum

2025-4-20 22:26 GMT+8

Powered by Discuz!

× Quick Reply To Top Return to the list