悬停视差功能使用教程

2021-12-03

一、功能介绍

利用悬停视差效果,可实现容器内模块跟随鼠标做位移特效,让企业网站更酷炫。




二、功能说明

【版本】任意版本都支持开启悬停视差功能。(仅标准模板电脑版支持

【适用】支持添加的位置:自由容器、标签模块(新版)、通栏排版(新版)、顶部广告组件、底部浮层组件。


三、设置教程

悬停视差效果设置入口为上述容器的工具栏,点击展开弹窗可设置开启悬停视差,接下来以“通栏排版”为例描述操作步骤。

1.1 点击通栏的工具栏的“悬停视差”按钮。



1.2 在弹窗内设置“启用”悬停视差,“启用”悬停背景,然后设置位移方向和位移强度。

(注:标签模块(新版)、顶部广告组件、底部浮层组件暂不支持设置悬停背景,仅支持容器内模块可设置悬停视差。)



注:设置图片背景悬停视差更佳~



1.3 启用悬停视差后,通栏内各模块的工具栏同步增加悬停视差效果设置入口,可对通栏内模块设置不同的位移方向、位移强度。



1.4 设置悬停视差后,通栏顶部将会出现“悬停效果演示”入口,点击可演示鼠标悬停、模块位移效果,演示过程中不可操作容器。



1.5 演示完毕,可“点击退出演示”。




免费使用