如何利用悬停样式打造个性网站?【电脑网站设计】

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

一、使用场景

电脑网站新增悬停容器模块,可实现鼠标移入模块后,展示不同样式的特效。

                                                                            ( ↑ 背景特效:遮罩淡入,悬停特效:淡入位移画


二、功能说明

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


三、设置教程

1. 设置悬停容器模块的入口(二选一)

1.1 通过电脑网站设计器悬浮面板【模块-新增模块-排版-悬停容器】路径,拖拽悬停容器到指定位置,选择悬停样式。


1.2 也可以使用空白内容的【自由容器】,添加【自由容器】模板后鼠标悬停在模块右上角,点击工具栏中的“悬停特效”按钮,便可开始设置。



2. 编辑展示效果

2.1 选择悬停效果素材后,可编辑其初始与悬停状态下的图文展示效果。鼠标悬停在容器右上方,点击工具栏中“设置悬停容器”,编辑更多的背景特效及容器特效。




3. 操作示例

3.1 添加“悬停容器”模块,设置悬停容器。如下图:


3.2 悬停效果展示

① 背景特效:背景淡入,悬停特效:位移。


背景特效:背景淡入,悬停特效:位移、文案变色。


③ 悬停特效:位移。


④ 图标:飞出,文案:变色、位移,黑色背景:飞入。


四、悬停案例

想查看更多带悬停效果网站实例?点击下方图片,抢先体验模板!


精品化工涂料企业网页模板


优选扶贫机构组织网站模板


个性游乐场官网公司模板


个性旅游团建企业免费网站模板


优选旅游度假村企业模板


‍‍

专业工商服务官网网站模板

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

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

二维码

扫一扫,关注我们

感兴趣吗?

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

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

搜索千万次不如咨询1次

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

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