考虑到某些场景下需要 隐藏部分内容，在需要时点击链接再弹出一个层显示 功能，特添加 弹出层 功能。

先看效果

基本用法

【自动功能】引用当前页的脚注的链接在被点击时，自动调用弹出层功能，不再跳转到脚注。

以前点击对脚注的引用会自动跳到脚注区，这样影响阅读。后来发现 epub 电子书阅读器在处理脚注时会自动弹出一个小窗口，十分方便。于是现在改成了这样。

注意：在使用 LME 导出 epub 电子书时， 不支持此功能。原因有二：一是因为某些电子书阅读器本就支持此功能，LME 再实现可能产生冲突；二是因为 LME 在导出 epub 电子书时不支持 javascript 脚本，而这个功能是依赖脚本实现的。

【手动功能】可自行添加链接来引用隐藏的 Div 块，点击此链接后弹出一个窗口显示隐藏 Div 的内容。

1. 隐藏的 div 块 的写法

   [ (+@hd1) $白色，红色
   隐藏块 hd1 的内容。
   ]

$白色，红色 是简单样式表，可以省略。
+@ 也可以写成 @+，顺序不重要。

它实际上相当于：

<div id="hd1" style="color:white;background:red;display:none;"> 
   <p>隐藏块 hd1 的内容。</p> 
</div> 

2. 自定义链接写法

   在此处引用<:@+hd1 隐藏块（hd1） 25%:>。

<:@+hd1 隐藏块（hd1） 25%：> 是个快捷链接的特殊形式，会转换成 Html 的 a 元素。它由空格分为三部分：

• @+id 表示链接指向的 目标隐藏块 的 id，而不是 a 元素本身的 id！（@+或 +@ 均可！）
• 隐藏块（hd1） 表示 a 元素的字面字符串，是显示在网页上的链接文本。
• 25% 是弹出面板的高度。

如果要添加高度，可以写成 <:@+hd1 隐藏块（hd1） 40% 25%：>。但要注意：此时，40% 是宽度，而 25% 才是高度。也就是说，如果只设置一个尺寸算 高度；如果设置两个尺寸，先宽度，后高度。

这样设计的原因是：宽度设置的需求相对较少；而同时设置宽、高时，先 x轴 后 y轴 又比较符合平时的习惯。

这三段里，第 1 段的 目标id 是不能省略的，另两个可以省略（会按默认值）。

这个链接在转换为 html 的 a 元素后，实际上就是：

<a href="javascript:void(0);" onclick="showPopupPanel(this);" link-to="hd1" popup-height="25%">隐藏块（hd1）</a>

注意

因为依赖 javascript 脚本实现功能，而 LME 在导出 epub 电子书时不支持脚本，故在导出 epub 时，此功能不可用。