登录
图片悬停效果
来源: | 作者:bjzwwl | 发布时间: 2019-05-14 | 557 | 分享到:

可用版本:基础版,标准版,营销版

目前可以使用此功能的插件:图片,图文,文章列表,产品列表,团购列表,列表,积分列表

 

①.以产品列表为例,拖出产品列表到编辑区域,点击图片按钮


 

②.提供了如下四种样式的图片,选择单图效果,在样式设置中的效果样式可以选择某一种,鼠标悬停图片,图片将出现对应的效果


 

③.焦点效果:鼠标悬停,图片出现遮罩层,并且可以替换中间的图标

背景效果:选择遮罩的弹出动画

更改图标:更换图标,大小为42px*42px

背景设置:可以更改遮罩的颜色和透明度

 


 

④.内容效果:鼠标悬停出现遮罩,并且可以输入标题和内容,如果是产品列表,文章列表之类的会直接获取名称和描述

背景效果:选择弹出动画

标题:对于产品(文章)列表的话,会直接获取产品(文章)名称;图片以及图文插件需要自行输入文字

内容描述:对于产品(文章)列表,会直接获取产品(文章)描述;图片以及图文需自行输入

背景设置:设置遮罩的颜色和透明度


 

 


 

⑤.标题效果:鼠标悬停,会出现底部遮罩和标题的效果

标题:对于产品(文章)列表,会直接获取产品(文章)名称,图片插件或者图文插件需要自行输入

背景高度:遮罩的高度设置

背景设置:可以设置遮罩的颜色和透明度