帮助:Tooltip

^编 ^刷 ^历 ^移 ^删

首页 > 帮助 > Tooltip

欢迎！一条咸鱼！如果是第一次来，按"Ctrl+D"可以收藏随时查看更新~觉得WIKI好玩的话，请推荐给朋友哦～(◕ω＜)☆
按右上角“WIKI功能→编辑”即可修改页面内容。

×

简单说明

零件内容

当鼠标指向特定元素时显示一个使用特定模板或模块生成的提示框，支持移动端。

使用方法

请针对不同的使用需求选择最适合的使用方式。

普通文本

<span class="bili-tt" data-type="raw" data-name="456">普通文本</span>

普通文本

解析wikitext

<span class="bili-tt" data-type="wikitext" data-name="<nowiki>[[file:立绘·吕布.png|link=]]</nowiki>">解析wikitext</span>

解析wikitext

将tooltip写在内部

<span class="bili-tt" data-type="child">将tooltip写在内部<span class="tt-child" style="display:none">内容</span></span>

将tooltip写在内部内容

调用模块

<span class="bili-tt" data-type="$GongFa" data-name="吐纳法">以name为参数，调用指定模块的tooltip方法</span>

以name为参数，调用指定模块的tooltip方法

调用模板

<span class="bili-tt" data-type="@道具/道具悬浮" data-name="珍珠">以name为参数，调用指定模板</span>

以name为参数，调用指定模板

引入模板

将MediaWiki:Gadget-Tooltip.js中xyzwgame改为本地站名即可实现本地化

	function load_wikitext(wikitext, $div, again) {
		// 文档：https://wiki.biligame.com/wiki/api.php?action=help&modules=parse
		return $.get('/xyzwgame/api.php',{
			action: "parse", // 解析
			format: "json", // 返回内容的格式
			disablelimitreport: true, // 不返回使用内存、时间信息
			prop: "text", // 返回解析后的文本
			contentmodel: "wikitext", // 内容模型
			smaxage: CACHE_TIME,
			maxage: CACHE_TIME,
			text: wikitext, // 待解析文本
			_: mw.config.get('debug') ? Date.now() : null // 调试时不使用缓存
		}).then(function(result){
			if (result && result.parse && result.parse.text){
				$div.html(result.parse.text['*']);
			}
			else{
				throw result;
			}
		})['catch'](function(error){ // 辣鸡解析器，不让我直接.catch
			if(again){
				$div.text('读取失败');
				console.log('获取"' + wikitext + '"失败', error);
			}
			else{
				$div.text('再次尝试...');
				return load_wikitext(wikitext, $div, true);
			}
		});
	}

修改模板

MediaWiki:Gadget-Tooltip.css中#bili-tt-cache-block为浮动窗的样式，可自行修改

body>#bili-tt-cache-block{
	position: fixed;
    z-index: 999;
}
#bili-tt-cache-block{
	display: none;
}