基于 HTML + CSS + jQuery 打造的移动广告联盟（SDK 分发）平台 PC 端官网模板。开箱即用，替换品牌素材即可上线。
广告联盟、SDK 分发、开发者服务等 To B 平台做官网，既要向开发者讲清收益与结算规则，又要向广告主展示投放实力，页面多、模块杂。这套模板把首页、SDK 下载、广告主、帮助中心、动态、关于我们以及注册登录全站 10 页一次做齐，轮播与图文切换交互均已接通。
模板定位于”平台型产品官网”：绿色主色调性清新，优势卡片、流程步骤、FAQ 问答等 B 端官网高频模块齐备，改文案即可套用到各类技术服务平台。
模板亮点
1. 10 个页面全站覆盖
首页、SDK 下载、广告主、帮助中心、最新动态、动态详情、关于我们、登录、注册、注册成功，从引流到转化的完整闭环。对比单页官网，多页结构更利于 SEO 逐页布局关键词。
2. 平台官网高频组件齐备
- 全屏焦点图轮播：首页 banner，SuperSlide 驱动自动播放
- 简介滚动切换：掌心简介 / 开发者 / 广告主三段介绍上下轮播（txtScroll-top）
- 优势卡片横向滚动：超高收益回报、丰富广告资源、多样广告形式等卖点卡片（picScroll-left）
- 广告形式切换：插屏 / 开屏 / 推送广告，图片滚动与文字说明联动切换
- 接入流程步骤条：注册会员 → 获取 SDK → 投放广告 → 结算收益 四步流程
- FAQ 手风琴列表：帮助中心带序号的问答版式
- 登录注册表单：账号密码 + 图形验证码 + 记住密码 / 忘记密码完整版式
3. 双受众文案框架
页面按”开发者（分成收益、周结算）+ 广告主（覆盖数据、投放效果）”双受众组织内容，做其他 To B 平台官网时直接沿用这套信息架构即可。
4. 经典 PC 端定宽官网格
1020px / 1140px / 1120px 多档版心，微软雅黑正文，绿色 #95bf44 主色调性专业清新，符合工具类、技术类平台审美。
5. 轻量无构建，改即所用
仅 jQuery + SuperSlide + ZoomPic 三个库，无任何构建依赖；所有页面共用一套 css/style.css，换色改一处全站生效。
技术栈
| 技术 | 版本 | 用途 |
|---|---|---|
| HTML / CSS | — | 页面结构与样式 |
| jQuery | 1.7.2 | DOM 操作与交互 |
| SuperSlide | 2.1.1 | 焦点图 / 滚动切换 |
| ZoomPic | — | 图片焦点缩放效果 |
项目结构
zxpt/
├── index.html # 首页（焦点图、简介滚动、优势卡片）
├── down.html # SDK 下载（平台特点、广告形式切换、接入流程）
├── gg.html # 广告主（投放优势轮播展示）
├── help.html # 帮助中心（FAQ 常见问题列表）
├── news.html # 最新动态列表
├── news_show.html # 动态详情页
├── about.html # 关于我们（简介 + 优势 + 联系方式）
├── login.html # 登录（账号 / 密码 / 验证码）
├── register.html # 注册（账号 / 密码 / 邮箱 / 验证码）
├── register_success.html # 注册成功页
├── css/
│ └── style.css # 全站主样式（主题色在此修改）
├── js/
│ ├── jquery.js # jQuery 1.7.2
│ ├── jquery.SuperSlide.2.1.1.js # 轮播切换插件
│ └── ZoomPic.js # 图片焦点缩放
└── img/ # banner、图标、截图等素材快速开始
纯静态模板，无需安装任何依赖：
# 方式一：浏览器直接打开
双击 index.html 从首页开始浏览，导航栏可跳转全部页面
# 方式二：本地静态服务器（推荐）
cd zxpt
python3 -m http.server 8080
# 浏览器访问 http://localhost:8080
# 方式三：VS Code Live Server 插件
右键 index.html → Open with Live Server二次开发指南
| 需求 | 操作 |
|---|---|
| 更换品牌 | 替换 img/sy_logo.png、登录注册页 logo 与 banner 大图 |
| 修改文案 / 链接 | 各 HTML 内文案与 href 直接修改，导航链接已互链 |
| 更换主题色 | 修改 css/style.css 中的 #95bf44（主色）及 #98bf0c、#8bc23b 系列绿色 |
| 扩展栏目 | 复制任一内容页 HTML，改标题区与正文，并在导航 ul 中加入口 |
| 增删页面 | 新页面需同步修改页头导航与页脚链接，保持全站互链完整 |
适用场景
移动广告联盟、SDK 分发平台、开发者服务平台官网，也可作为工具类产品官网、技术服务公司官网、CPA / CPS 联盟平台、数据服务平台的 B 端官网底版。
从零自研 vs 使用本模板
| 维度 | 从零自研 | 使用本模板 |
|---|---|---|
| 交付周期 | 3~4 周起 | 半天上线 |
| 页面还原度 | 需反复打磨 | 10 页全站结构直接交付 |
| 交互与动画 | 自行实现 | 焦点图 / 滚动切换已接通 |
| 适配 | 自行定版心 | PC 端多档版心官网格已完成 |
| 维护成本 | 自行承担 | 纯静态单样式表，改即所用 |
在线预览
将整个目录部署至 GitHub Pages / Vercel / Netlify 或任意静态托管、服务器站点根目录即可，无需构建流程。
原文链接：https://www.fedshare.cn/archives/1795，转载请注明出处。
评论0