企业官网模板 | fullPage 全屏滚动 26 页多版式，纯静态开箱即用

基于 jQuery + fullPage + Swiper + wow.js 打造的多页面企业官网模板。纯静态 HTML，无需构建工具，替换品牌素材即可上线。

这是整套模板库里页面体系最全的一款：26 个页面、关于页 5 套、案例列表 9 套、服务页 3 套，几乎每个栏目都备好了多种版式供挑选组合。首页采用 fullPage 全屏滚动 + wow.js 入场动画，一份模板顶一个”企业官网页面素材库”，半天即可组装出一个气场全开的企业官网。

模板亮点

1. 26 页超全页面体系，多版式自由组合

• 首页（index）：fullPage 全屏滚动
• 关于我们 5 套（about ~ about5）：五种版式任选，可分别用作公司简介、发展历程、企业文化等
• 案例列表 9 套（case ~ case9）+ 案例详情（case_show）：一个栏目的版式库存
• 产品中心（product / product_show）
• 服务支持 3 套（service ~ service3）
• 人力资源（rlzy / rlzy_show）：招聘职位列表与详情
• 新闻中心（news / news_show）、联系我们（contact）

同一栏目多套版式是本模板最大差异点：不同栏目可以混搭出完全不同的站点气质。

2. fullPage 全屏滚动首页

首页采用 fullPage.js 整屏滚动，一屏一章节，配 wow.js 元素入场动画，滚动节奏与视觉层次一步到位。

3. 专业级动效系统

• wow.js 滚动入场：各页面区块依次浮现
• animate.css：丰富的基础动画类
• Swiper 轮播：Banner 与内容区轮播齐备

4. 完整响应式适配

PC 端与移动端双套样式（style_pc.css / style_mobile.css），双端体验完整。

技术栈

技术	用途
HTML5 / CSS3	页面结构与样式
jQuery	DOM 操作与交互
fullPage.js	首页全屏滚动
Swiper	轮播
wow.js	滚动入场动画
animate.css	CSS 动画库
normalize.css	样式重置

项目结构

md/
├── index.html                    # 首页（fullPage 全屏滚动）
├── about.html ~ about5.html      # 关于我们 × 5 套版式
├── case.html ~ case9.html        # 案例列表 × 9 套版式
├── case_show.html                # 案例详情
├── product.html / product_show.html  # 产品列表 / 详情
├── service.html ~ service3.html  # 服务支持 × 3 套版式
├── rlzy.html / rlzy_show.html    # 人力资源列表 / 详情
├── news.html / news_show.html    # 新闻列表 / 详情
├── contact.html                  # 联系我们
├── css/                          # fullPage + animate + PC/移动双端样式
├── js/                           # jQuery / fullPage / Swiper / wow
└── img/                          # 品牌与内容素材

快速开始

纯静态模板，无需安装依赖：

# 方式一：直接双击 index.html 即可浏览

# 方式二：使用本地静态服务器（推荐）
npx serve .

二次开发指南

需求	操作
更换品牌	替换 img/ 中的 logo 与图片，同名覆盖即可
挑选版式	同栏目多套版式任选，删除多余页面即可
修改文案 / 链接	各 HTML 内文案与 href 直接修改
调整动效节奏	修改 HTML 标签上的 wow 动画 class
增删页面	复制任一页面改名改造，互不影响

适用场景

中大型制造 / 实业企业官网、集团官网、工程案例展示型官网、产品型企业官网，也适合作为”多版式页面库”用于快速交付不同风格的客户项目。

从零自研 vs 使用本模板

维度	从零自研	使用本模板
交付周期	3~4 周起	半天组装上线
版式选择	单一版式	关于 5 套 / 案例 9 套 / 服务 3 套
动画品质	需反复调优	fullPage + wow 开箱即用
移动端适配	需额外开发	双端样式已完成
维护成本	自行承担	纯静态结构，改文案即可迭代

在线预览

纯静态文件，上传至任意静态托管（Vercel / Netlify / 阿里云 OSS / 宝塔）即可直接访问。

http://8.166.93.126:8989/md