新手指引百度优化GEO必备操作电脑网站手机网站自适应模板网站管理域名使用支付管理其他

栏目导航:自适应模板

建议先从栏目目录定位同类模块,再根据是否排障需求选择对应文档。

上位页:返回自适应模板栏目目录

同类页:极速建站功能介绍(自适应模板)启用网站HTML静态化介绍(自适应模板)自适应手机视图等比例显示表格或文案如何编辑网站横幅?(自适应模板)返回顶部功能介绍(自适应模板)

排障页:禁止鼠标右键功能介绍(自适应模板)如何获取网站页面的图片素材悬浮客服介绍(自适应模板)

一、功能效果

通栏背景效果让自适应的通栏支持动态背景展示。你可以为通栏设置固定、轮播、垂直整屏滚动、横向整屏滚动四种效果,让网站从“静态背景”升级为“动态视觉”。

该功能适用于品牌展示、产品大图、活动页、作品集等场景,可通过背景动效提升页面视觉冲击力。

(垂直动效)

(固定动效)

 (横向动效)

(轮播动效)


二、功能说明

【版本】全版本支持。

【类型】自适应模板支持。

【效果类型】支持固定、轮播、垂直整屏滚动、横向整屏滚动四种背景效果。


三、设置教程

1. 选中通栏

在自适应模板设计页面,点击需要设置背景效果的通栏区域。

2. 打开效果设置

在右侧属性面板中,点击【设计通栏-效果】。

设计通栏效果设置  

3. 选择背景效果

在效果设置中,选择需要的背景效果类型:

• 固定:背景图固定不动,页面内容从背景上滚过,形成视差效果。

• 轮播:背景图自动切换播放,适合展示多张图片。

• 垂直整屏滚动:背景图锁定全屏,内容需超出一屏,才可呈现整屏背景与内容滚动效果。

• 横向整屏滚动:列内容撑开全屏横向滚动,编辑器中可切换列查看,具体滚动效果需前往访客态预览。

4. 设计素材

每种背景效果提供配套设计素材,可直接添加使用。编号:4607、4608、4609、4610、4035、4031

(垂直滚动)


(固定)

(横向)

(轮播)

四、相关说明

• 四种效果同一时间只能选择一种,不可叠加使用。

• 轮播效果支持切换样式,可根据需要调整。

• 横向整屏滚动效果下,列内容会撑开全屏,建议添加多列设计;编辑器中可切换列来编辑,具体滚动效果需前往访客态预览。

• 建议使用高清大图或视频作为背景,确保展示时不模糊,效果更突出。

• 选中横向整屏滚动效果,则不支持设置列固定与模块滚动动画。


五、常见问题

Q:一个页面可以设置不同通栏用不同效果吗?

A:可以。每个通栏独立设置背景效果,不同通栏可以使用不同的效果类型。

Q:手机端也能看到背景效果吗?

A:手机端暂不支持轮播,其他均支持。滚动类效果默认手机为无效果,但支持手动再独立设置手机或平板的通栏效果。

动效配置建议

以下补充内容用于帮助你在通栏背景效果设置时,更快选出适合页面内容的动效类型:

  • 场景匹配:品牌展示和大图首屏更适合固定或轮播效果,故事性内容则更适合整屏滚动效果。
  • 素材准备:背景图建议预留足够清晰度,并避免把重要文案放在容易被裁切的位置。
  • 性能考虑:动效越强,对素材质量和终端性能要求通常越高,建议上线前多终端预览。
  • 阅读体验:如果通栏中还叠加了按钮或文字,建议优先保证前景内容清晰可读,再决定背景动效强度。

继续查看帮助文档与建站服务

如果这篇文档解决了你当前的问题,可以继续回到帮助目录查看同类教程;如果你正在准备企业官网建设、套餐选型或定制开发,也可以继续进入对应服务页了解。