模板:PicHover

星臣讨论 | 贡献2017年1月18日 (三) 22:03的版本
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
50px 模板文档  [查看] [编辑] [历史] [刷新]

本模板用于图片的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:萌百娘}}//最多

显示效果:

ZhMoegirl15.2.png
Zh2014 moegirlpedia logo.png
<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