模板:PicHover

50px 模板文档  

这个文档嵌入自模板:PicHover/doc。

本模板用于图片的hover切换效果，使用了widget:PicHover。

参数与实例

一共有七个参数，其中有两个个是必须的。

参数列表

参数名	是否必须	参数样式	参数示例	参数作用
pic	是	xxx.png【站内图片】	ZhMoegirl15.2.png	设置鼠标未放置于其上时显示的图片
		http://xxx/xxx.png 或者 https://xxx/xxx.jpg…	https://static.mengniang.org/common/2/21/ZhMoegirl15.2.png
hover		xxx.png【站内图片】	Zh2014 moegirlpedia logo.png	设置鼠标放置于其上时显示出的图片
		http://xxx/xxx.png …	https://static.mengniang.org/common/f/fd/Zh2014_moegirlpedia_logo.png
width	否，默认为空	xxx【数字】	150	设置显示的图片宽度
height				设置显示的图片高度
float	否，默认为none	left / right		让图片浮动起来~
text	否，默认为空	【任意文字】	MoegirlPedia	添加一个边框以及带有【text】内容的标题框
link		【任意页面名】	User:萌百娘	使得内链图片能够链接到萌百页面

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

{{PicHover|pic=ZhMoegirl15.2.png|hover=Zh2014 moegirlpedia logo.png}}//最简
{{PicHover|pic=https://static.mengniang.org/common/2/21/ZhMoegirl15.2.png|hover=https://static.mengniang.org/common/f/fd/Zh2014_moegirlpedia_logo.png|width=150|height=180|float=right|text=MoegirlPedia|link=User:萌百娘}}//最多

显示效果：

<img src="https://static.mengniang.org/common/2/21/ZhMoegirl15.2.png" style="width:150px;" class="thumbimage"/>

<img src="https://static.mengniang.org/common/f/fd/Zh2014_moegirlpedia_logo.png" style="width:150px;" class="thumbimage"/>

MoegirlPedia