模板:悬浮框

首页 > 模板 > 模板:悬浮框

{{悬浮框}} 是一个模板，是创建新 Wiki 时由 BWiki 平台提供的默认模板之一。

这些模板被众多Wiki采用，由平台收集整理后预制到Wiki中，帮助新Wiki快速起步。请根据Wiki的具体设计风格和功能需求，进一步调整这些模板。

悬浮框模板用于提供弹框显示指定内容，触摸或鼠标悬浮触发。

依赖解析函数#info的机制，模板构造了相应的HTML结构。

用法

{{悬浮框|显示的内容|悬浮框内容|悬浮框标题}}

更多细节：

为了确保能在行内使用，参数悬浮框内容中，两个以上的换行符会被替换为换行+若干<br>。即，单个换行\n不受不影响，\n\n会被替换为\n<br>，\n\n\n会被替换为\n<br><br>。

实现方式是通过正则\R(?=\R)，wikitext是{{#rreplace:{{{2}}}|\R(?{{=}}\R)|<br>}}。

注意，这种替换有可能会影响部分模板的显示。

此外，div等块级标签，会被解析器强制分段。因此参数悬浮框内容中的所有<>符号都会被替换为HTML实体如>，由于#info依赖的js使用了同样的方式处理HTML，因此不会影响显示效果。

示例

123{{悬浮框|去码头|整点薯条！}}123

123悬浮框去码头整点薯条！123

{{悬浮框|显示的内容|鼠标移动上去时显示的内容|悬浮框的标题}}

显示的内容鼠标移动上去时显示的内容

一行文本{{悬浮框|显示的内容|
悬浮显示的内容


{{黑幕|123}}

{{划掉重说|123|345}}

[[File:投稿入口.png]]

鼠标移动上去时显示的内容

|悬浮框的标题}}一行文本

一行文本显示的内容悬浮显示的内容<br><br> <span class="heimu">123 </span><br> <font color=#aaaaaa><s>123 </s></font><b>345 </b><br> <br> 鼠标移动上去时显示的内容一行文本

一行文本{{悬浮框|显示的内容|
{{面包屑}}{{面包屑}}{{面包屑}}{{面包屑}}{{面包屑}}{{面包屑}}
|悬浮框的标题}}一行文本

一行文本显示的内容<div class="crumb" style="display:flex;justify-content:space-between;padding:5px 10px;margin:10px 0;border:1px solid #4d78d8c7;border-left-width:5px;border-radius:4px;"><div>首页 > <span>模板:悬浮框</span></div><div class="plainlinks"><small title="短网址，按右键复制链接地址">短</small> • <small title="清除页面MediaWiki缓存" class="purge">刷</small> • <small title="编辑页面">编</small> • <small title="查看编辑历史">历</small></div></div><div class="crumb" style="display:flex;justify-content:space-between;padding:5px 10px;margin:10px 0;border:1px solid #4d78d8c7;border-left-width:5px;border-radius:4px;"><div>首页 > <span>模板:悬浮框</span></div><div class="plainlinks"><small title="短网址，按右键复制链接地址">短</small> • <small title="清除页面MediaWiki缓存" class="purge">刷</small> • <small title="编辑页面">编</small> • <small title="查看编辑历史">历</small></div></div><div class="crumb" style="display:flex;justify-content:space-between;padding:5px 10px;margin:10px 0;border:1px solid #4d78d8c7;border-left-width:5px;border-radius:4px;"><div>首页 > <span>模板:悬浮框</span></div><div class="plainlinks"><small title="短网址，按右键复制链接地址">短</small> • <small title="清除页面MediaWiki缓存" class="purge">刷</small> • <small title="编辑页面">编</small> • <small title="查看编辑历史">历</small></div></div><div class="crumb" style="display:flex;justify-content:space-between;padding:5px 10px;margin:10px 0;border:1px solid #4d78d8c7;border-left-width:5px;border-radius:4px;"><div>首页 > <span>模板:悬浮框</span></div><div class="plainlinks"><small title="短网址，按右键复制链接地址">短</small> • <small title="清除页面MediaWiki缓存" class="purge">刷</small> • <small title="编辑页面">编</small> • <small title="查看编辑历史">历</small></div></div><div class="crumb" style="display:flex;justify-content:space-between;padding:5px 10px;margin:10px 0;border:1px solid #4d78d8c7;border-left-width:5px;border-radius:4px;"><div>首页 > <span>模板:悬浮框</span></div><div class="plainlinks"><small title="短网址，按右键复制链接地址">短</small> • <small title="清除页面MediaWiki缓存" class="purge">刷</small> • <small title="编辑页面">编</small> • <small title="查看编辑历史">历</small></div></div><div class="crumb" style="display:flex;justify-content:space-between;padding:5px 10px;margin:10px 0;border:1px solid #4d78d8c7;border-left-width:5px;border-radius:4px;"><div>首页 > <span>模板:悬浮框</span></div><div class="plainlinks"><small title="短网址，按右键复制链接地址">短</small> • <small title="清除页面MediaWiki缓存" class="purge">刷</small> • <small title="编辑页面">编</small> • <small title="查看编辑历史">历</small></div></div>一行文本

查看所有模板 • 编辑本文档