悬停视差设置教程

发布时间: 作者:浮云网络 浏览量(8) 点赞(23)
摘要:浮云网络是一家专业提供高端网站建设公司,专注与网站制作、网页设计、H5开发、小程序制作等业务。十余年已为深圳、广州、上海、北京及国内外众多企业、政府机构等服务。99元建站优惠进行中。

一、功能效果

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




二、功能说明

【版本】免费版及以上版本

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



三、设置教程

1. 横幅悬停视差设置

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


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


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


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


查看动图教程更清晰哦!


注意:

① 演示过程中无法对横幅内的模块进行修改。

② 需在横幅中放置模块才能进行悬停效果演示。



2. 其他通栏模块悬停视差设置

鼠标悬浮在某一个通栏模块,点击工具栏中的“悬停视差”按钮,选择启用悬停视差,其余操作步骤与上文提到的横幅模块设置悬停视差一致,在此不做重复说明。

注意:非空白内容的通栏才可进行悬停效果演示。



3. 素材工厂-悬停特效素材

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


动图演示:

更多网站建设网站制作小程序制作等相关,欢迎您咨询深圳浮云网络

本站部分内容来源网络,如有侵权请联系删除。转发请标注来源:https://www.szforun.net/help/wzjsxszy/1019.html

二维码

扫一扫,关注我们

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!

您身边的【网站建设专家】

搜索千万次不如咨询1次

主营项目:网站建设,响应式网站,小程序开发,H5互动游戏,SEO优化等

立即咨询 184-7632-0007
在线客服
嘿,我来帮您!