|
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)。 |
|