当前位置:首页 >> 教程资讯

【网页设计】电脑版 | 网页悬停视差设置教程

录入编辑:微科技 | 发布时间:2022-12-30
【网页设计】电脑版 | 网页悬停视差设置教程 发表时间:2021-04-16 14:30 一、功能效果 利用悬停视差效果,可实现容器内模块及背景跟随鼠标做位移特效,让企业网站更酷炫。 二、功能说明 【版本】初级

【网页设计】电脑版 | 网页悬停视差设置教程

发表时间:2021-04-16 14:30

一、功能效果

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

二、功能说明

【版本】初级版及以上版本

【适用】电脑网站自由容器、标签模块、通栏排版、顶部广告组件、底部浮层组件、横幅均支持悬停视差效果。

三、设置教程

(一)横幅悬停视差设置

鼠标悬浮在横幅上,点击工具栏中“悬停视差”按钮,选择开启悬停视差。

选择启用悬停视差后,可设置悬停背景及其位移方向、强度。悬停背景开启后,背景图会跟随鼠标进行位移。

横幅开启悬停视差后,在横幅中放入模块,可设置模块悬停视差(位移方向和位移强度)。

横幅中放置模块后,鼠标悬停在横幅上,点击“悬停效果演示”,即可在网页设计器内浏览悬停效果,让模块或背景图跟随鼠标做位移。

查看动图教程更清晰。

注意:1、演示过程中无法对横幅内的模块进行修改。2、需在横幅中放置模块才能进行悬停效果演示。

(二)其他通栏模块悬停视差设置

鼠标悬浮在某一个通栏模块,点击工具栏中的“悬停视差”按钮,选择启用悬停视差,其余操作步骤与上文提到的横幅模块设置悬停视差一致,在此不做重复说明。注意:非空白内容的通栏才可进行悬停效果演示。

(三)素材工厂-悬停特效素材

可以选用素材工厂中的悬停视差素材进行网站搭建。点击控制面板中的【模块-新增素材-悬停特效】,选中心仪的素材,即可进行修改并运用。

动图演示:

上一篇:【网页设计】预设动画特效设置教程
下一篇:【网页设计】电脑版 | 网页滚动视差设置教程
热门服务和内容

手机版

  • 官方微信

    扫码进入

  • 客服微信

  • 官方微信

    扫码添加

  • 高端网站设计,顶级互联网服务 Copyright © 2025 www.vikj.cn All Rights Reserved. 辽ICP备17005629号 XML地图 微科技
    电话咨询:0411-39550725
    在线客服咨询