“模板:Hover”的版本间的差异
来自希灵百科
（创建页面，内容为“<includeonly><div class="hover" style="width:{{{width|}}}px;height:{{{height|}}}px;{{#switch:{{{float|none}}}|left=float:left;|right=float:right;}}{{#switch:{{{displ...”） |
（没有差异）
|
2017年1月17日 (二) 02:02的最新版本
本模板用于图片以外的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}}
显示效果：
对于文字：
{{Hover|before={{color|blue|你看得到我}}|after={{color|red|现在你看不到}}}}
显示效果：
你看得到我
现在你看不到
对于自选图形
与文字类似，字太多影响阅读我就不写了……
显示效果：
![[希灵百科]](/resources/assets/xlbkbutt.png){kind=small}
