模板:Hover/doc

本模板用于图片以外的hover切换效果(比如文字,css自绘图形),但也可以应用到图片。使用了widget:Hover

参数与实例

一共有五个参数,其中有两个是必须的。

参数列表
参数名 是否必须 参数样式 参数示例 参数作用
before 任意 你看得到我 设置鼠标未放置于其上时显示的字符等
after 任意 现在你看不到 设置鼠标放置于其上时显示出的字符等
width 否,默认为最大需要的大小 xxx【数字】 150 设置显示的字符等的宽度
height 设置显示的字符等高度
float 否,默认为none left / right 让hover块浮动起来~

于是完整的代码实例如下:

对于图片:与{{PicHover}}类似,但是图片需要直接填链接。

{{Hover|before=[[File:ZhMoegirl15.2.png|link=]]|after=[[File:Zh2014 moegirlpedia logo.png|link=]]|width=150|height=180}}

显示效果:

ZhMoegirl15.2.png
Zh2014 moegirlpedia logo.png

对于文字:

{{Hover|before={{color|blue|你看得到我}}|after={{color|red|现在你看不到}}}}

显示效果:

你看得到我
现在你看不到

对于自选图形

与文字类似,字太多影响阅读我就不写了……

显示效果: