查看“模板:TextHover/doc”的源代码
←
模板:TextHover/doc
跳转至:
导航
、
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
这是一个专门为大段文字提供Hover效果的模板,基于{{tl|Hovers}}制作。 == 使用方法 == <pre>{{TextHover|1=Hover前的文字|2=Hover后的文字|3=如果Hover前的文字较长,这里填before;反之填after;相同长度时可以留空|4=文字水平对齐方向|class=Hover效果|tag=如果强烈希望使用inline模式融入一段文字中,这里填span,否则留空即可}}</pre> 尽管这个模板不是为图片Hover设计的,但在某些场合也有助于同时实现桌面版的文字环绕图片效果和移动版的文字、图片分离效果。使用方法为: <pre>{{TextHover|1=Hover前的图片名(内链)|2=Hover后的图片名(内链)|3=如果Hover前的图片较大(指定width参数时需考虑伸缩后的大小,即长宽比),这里填before;反之填after;相同大小时可以留空|4=pic|width=宽度|float=float方向,可省略|margin=桌面版与周围文字的水平间距,默认为0.5em|class=Hover效果}}</pre> 如果参数<code>1</code>至<code>4</code>中有任一个是html标记,谨慎起见请务必使用命名参数的写法。 == 示例 == === 表格内居中 === <pre class=lang-wiki>{|border=1 style="float: right; width: 260px; font-size: 90%; margin: 1em 0 1em 1em; background: #f9f9f9; border: 1px #999999 solid; border-collapse: collapse; clear: right;" cellpadding="2" cellspacing="0" | colspan="2" |[[file:nisecyugokugo.jpg|250px]] |- | colspan=2 bgcolor="#E0FFFF" |'''{{TextHover|{{lj|-{基本情報}-}}|基本资料||center}}''' |- ! width=80px|{{TextHover|{{lj|-{用語名}-}}|用语名称|after|center}} | {{TextHover|{{lj|-{偽中国語}-}}|伪中国语||center}} |- !{{TextHover|{{lj|-{用語出典}-}}|用语出处||center}} | {{TextHover|{{lj|-{日本国際電子通信網}-}}|日本网络||center}} |- !{{TextHover|{{lj|-{関連記事}-}}|相关条目||center}} | {{TextHover|{{lj|-{[[中文十級]]、[[君日本語本当上手]]}-}}|[[中文十級]]、[[君日本語本当上手]]||center}} |}</pre> {|border=1 style="float: right; width: 260px; font-size: 90%; margin: 1em 0 1em 1em; background: #f9f9f9; border: 1px #999999 solid; border-collapse: collapse; clear: right;" cellpadding="2" cellspacing="0" | colspan="2" |[[file:nisecyugokugo.jpg|250px]] |- | colspan=2 bgcolor="#E0FFFF" |'''{{TextHover|{{lj|基本情報}}|基本资料||center}}''' |- ! width=80px|{{TextHover|{{lj|用語名}}|用语名称|after|center}} | {{TextHover|{{lj|偽中国語}}|伪中国语||center}} |- !{{TextHover|{{lj|用語出典}}|用语出处||center}} | {{TextHover|{{lj|日本国際電子通信網}}|日本网络||center}} |- !{{TextHover|{{lj|関連記事}}|相关条目||center}} | {{TextHover|{{lj|[[中文十級]]、[[君日本語本当上手]]}}|[[中文十級]]、[[君日本語本当上手]]||center}} |} === 段落左对齐(默认) === <pre>{{TextHover|{{lj|-{内容大体初心者日常的出来事及文句、中級者出鱈目話、上級者偽中国語詩程作文可能(実際中国人可能性有)。}-}}|内容大体上来说新手都是一些日常的事情或抱怨,中级者则为一些瞎编的故事,厉害的人甚至可以拿伪中国语作诗(实际上有可能是中国人)。|after}}</pre> {{TextHover|{{lj|-{内容大体初心者日常的出来事及文句、中級者出鱈目話、上級者偽中国語詩程作文可能(実際中国人可能性有)。}-}}|内容大体上来说新手都是一些日常的事情或抱怨,中级者则为一些瞎编的故事,厉害的人甚至可以拿伪中国语作诗(实际上有可能是中国人)。|after}}{{clear}} === 图片 === <pre class=lang-wiki>{{textHover|インドア少女 望月杏奈.jpg|Greemas ビビッとアイドル! 望月杏奈.jpg||pic|width=250px|label=「vivid_rabbit」|float=right}} 十分热衷于玩电子游戏,似乎在网络游戏世界是个知名玩家,拥有全世界只有7件的装备之一。 如果身边没有电脑的话就会玩自己的游戏机,没有游戏机的话则会玩手机。在GreeMas卡面和剧情中常能看到杏奈对P撒娇,或要求P和她一起玩游戏。 从GreeMas的卡面和MLTD的特殊动作来看,杏奈可能至少拥有PSP、PSV、PS4和NS等游戏机。 在某款网游中所使用的ID是「'''vivid_rabbit'''」。在该游戏中,杏奈曾与一位ID为「'''lilyknight'''」的人携手干掉了boss。后来在线下见面会中(MLTD设定为组合「少女风暴!」的活动剧情中)杏奈得知「'''lilyknight'''」正是百合子,这也是两人成为好朋友的契机之一。 双海亚美与双海真美姐妹也会和两人一起玩游戏,四人被称为「{{Ruby|765Pro游戏部|{{lj|-{765プロゲーム部}-}}}}」。</pre> {{textHover|インドア少女 望月杏奈.jpg|Greemas ビビッとアイドル! 望月杏奈.jpg||pic|width=250px|label=「vivid_rabbit」|float=right}} 十分热衷于玩电子游戏,似乎在网络游戏世界是个知名玩家,拥有全世界只有7件的装备之一。 如果身边没有电脑的话就会玩自己的游戏机,没有游戏机的话则会玩手机。在GreeMas卡面和剧情中常能看到杏奈对P撒娇,或要求P和她一起玩游戏。 从GreeMas的卡面和MLTD的特殊动作来看,杏奈可能至少拥有PSP、PSV、PS4和NS等游戏机。 在某款网游中所使用的ID是「'''vivid_rabbit'''」。在该游戏中,杏奈曾与一位ID为「'''lilyknight'''」的人携手干掉了boss。后来在线下见面会中(MLTD设定为组合「少女风暴!」的活动剧情中)杏奈得知「'''lilyknight'''」正是百合子,这也是两人成为好朋友的契机之一。 双海亚美与双海真美姐妹也会和两人一起玩游戏,四人被称为「{{Ruby|765Pro游戏部|{{lj|765プロゲーム部}}}}」。 == 已知问题 == 需要使用行内模式(包括Wikitext的有序和无序列表)时,务必要加上<code>tag=span</code>。 == 参见 == # 如果想要更为稳定的排版效果,可以考虑基于<code>display:none</code>的{{tl|Moe-hover}},但此时不能设置<code>transition</code>属性。{{TextHover||使用{{tl|Moe-hover}}时,如果Hover前后文字长度不同,页面可能瞬间伸长/缩短。|tag=span}} # {{tl|Hovers}}拥有丰富的Hover效果,请参考该模板的说明文档设置本模板的<code>class</code>、<code>classb</code>和<code>classa</code>参数。{{TextHover||默认效果为基于<code>opacity</code>的淡入淡出。|tag=span}}<noinclude>[[Category:模板文档]]</noinclude>
该页面使用的模板:
模板:Clear
(
查看源代码
)
模板:FromOther/CN
(
查看源代码
)
模板:Hovers/hover.css
(
查看源代码
)
模板:Lj
(
查看源代码
)
模板:Namespace detect
(
查看源代码
)
模板:Ruby
(
查看源代码
)
模板:Str len
(
查看源代码
)
模板:Str len/core
(
查看源代码
)
模板:TextHover
(
查看源代码
)
模板:Tl
(
查看源代码
)
返回至
模板:TextHover/doc
。
导航菜单
个人工具
登录
名字空间
模板
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
随机页面
最近更改
最新文件
常用
上传多个文件
工具
链入页面
相关更改
特殊页面
页面信息