本网站正在建设中(～￣▽￣)～
- 你好～！欢迎来到中文歌声合成个人收集站-VCPedia.cn！
- 若发现页面信息有误或投稿至本站，请联系管理员。
模板:PicHover
跳到导航
跳到搜索
模板文档本模板用于图片的hover切换效果，使用了widget:Hover。
注意
使用本模板时请检查移动端有无显示问题。如果不知道如何解决移动端的显示问题，可以尝试替换为另一模板{{TextHover|4=pic}}。
参数与实例
一共有七个参数，其中有两个是必须的。
| 参数名 | 是否必须 | 参数样式 | 参数示例 | 参数作用 |
|---|---|---|---|---|
| pic | 是 | xxx.jpg【站内图片】 | 改组徽章.jpg | 设置鼠标未放置于其上时显示的图片 |
| http://xxx/xxx.png 或者 https://xxx/xxx.jpg… | https://vcpedia.cn/images/thumb/8/89/%E6%94%B9%E7%BB%84%E5%BE%BD%E7%AB%A0.jpg | |||
| hover | xxx.png【站内图片】 | Logo pixel 150px.png | 设置鼠标放置于其上时显示出的图片 | |
| http://xxx/xxx.png … | https://vcpedia.cn/images/b/ba/Logo_pixel_150px.png | |||
| width | 否，默认为空 | xxx【数字】 | 150 | 设置显示的图片宽度 |
| height | 设置显示的图片高度 | |||
| float | 否，默认为none | left / right | 让图片浮动起来~ | |
| text | 否，默认为空 | 【任意文字】 | VCPedia | 添加一个边框以及带有【text】内容的标题框 |
| link | 【任意页面名】 | 首页 | 使得内链图片能够链接到页面 | |
于是完整的代码实例如下：
{{PicHover|pic=改组徽章.jpg|hover=Logo pixel 150px.png}} //最简
{{PicHover
|pic=https://vcpedia.cn/images/thumb/8/89/%E6%94%B9%E7%BB%84%E5%BE%BD%E7%AB%A0.jpg
|hover=https://vcpedia.cn/images/b/ba/Logo_pixel_150px.png
|width=150
|height=180
|float=right
|text=VCPedia
|link=首页
}} //最多
显示效果：
VCPedia
| ||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
