皇家电动叉车

ROYAL Electric Forklift

SAFER BY DESIGN

核心概览

载重范围 (Capacity)

2.0T - 3.5T

(4000 - 8000 LBS)

系统电压 (System Voltage)

153.6V

卓越性能 (Outstanding Performance)

最高行驶速度

0 KM/H

最大提升速度

0 MM/S

最大爬坡度

0 %

防护等级

IP67

(电池/电机 Battery/Motor)

核心优势 (Core Advantages)

环保节能

零排放，低噪音 (<30dB)，创造绿色工作环境。

(Zero Emission, Low Noise)

多场景适用

灵活设计，满足仓库、车间等多种作业需求。

(Multi-Scenario Usage)

低总体拥有成本

高性能锂电池，免维护，运营更经济。

(Lower TCO)

安全与舒适 (Safety & Comfort)

安全至上

• 操作员在位感应系统 (Operator Presence System)
• 优化视野设计，减少盲区 (Optimal Visibility)
• 自动转弯减速 (Auto Steering Deceleration)
• 高亮LED照明系统 (Bright LED Lights)

人机工学

• 宽敞操作空间 (Large Operation Space +20%)
• 悬浮式踏板，减震舒适 (Suspension Pedals)
• 多功能LCD仪表盘 (Multifunctional LCD Display)
• 小直径方向盘，操控轻便 (Smaller Steering Wheel)

Royal with you, FOR YOUR BUSINESS

皇家电动叉车，集高效、环保、安全、经济于一体，是您业务发展的理想伙伴。

官网 (Web): www.ryforklift.com

邮箱 (Email): info@ryforklift.com

电话 (Tel): +86 512 65916195

了解更多 (Learn More)

``` **使用说明:** 1. **保存代码:** 将上面的全部代码复制到一个新的文本文件中，并将其另存为 `.html` 文件 (例如 `animated_forklift_promo.html`)。 2. **准备图片:** * 确保您之前上传的 `logo with 字.png` 和 `best quality.jpg` 文件与您保存的 `animated_forklift_promo.html` 文件放在**同一个文件夹**中。 * 如果图片不在同一文件夹，您需要修改HTML代码中 `` 标签的 `src` 属性，指向正确的图片路径或URL。 3. **在浏览器中打开:** 双击 `animated_forklift_promo.html` 文件，它会在您的网页浏览器中打开。 4. **屏幕录制:** * 打开您选择的屏幕录制工具 (例如 Windows 自带的 Xbox Game Bar `Win+G` -> 录制, macOS 自带的 QuickTime Player 或 `Cmd+Shift+5`, 或者 OBS Studio, Loom 等专业工具)。 * 选择录制整个浏览器窗口或特定区域。 * **慢慢向下滚动页面**。当每个“场景” (scene) 进入浏览器视区时，该场景内的动画效果就会触发。您可以控制滚动的速度，以便动画有足够的时间播放完整。 * 录制完成后，保存视频文件。 5. **视频编辑 (可选):** 您可以使用视频编辑软件对录制的片段进行剪辑、添加背景音乐（如果HTML中没有）、旁白或转场效果。 **代码解释和动画效果:** * **TailwindCSS:** 用于快速搭建响应式布局和样式。 * **Framer Motion:** 用于实现各种动画效果。 * `motion.div`, `motion.h1`, `motion.h2` 等标签将普通HTML元素转换为可动画的Framer Motion组件。 * `initial`: 定义元素的初始状态 (例如 `opacity: 0`, `x: -100` 表示初始透明且在左侧屏幕外)。 * `whileInView`: 定义当元素进入视区时的目标状态 (例如 `opacity: 1`, `x: 0` 表示完全可见且回到原位)。 * `viewport={{ once: true, amount: 0.X }}`: `once: true` 表示动画只播放一次；`amount: 0.X` 表示当元素的 X% 进入视区时触发动画。 * `transition`: 控制动画的细节，如 `duration` (持续时间), `delay` (延迟), `ease` (缓动函数)。 * **场景 (Scene):** 每个 `

` 代表视频中的一个主要片段或幻灯片。它们被设置为至少占据整个屏幕的高度 (`min-height: 100vh`)。 * **数字动画:** 第三个场景中的性能数据使用了JavaScript (`animateCounter` 函数配合 `IntersectionObserver`) 来实现数字从0动态增长到目标值的效果。 * **图标:** 使用了 Font Awesome 图标来增强视觉效果。 请确保您的图片文件路径正确，然后就可以开始录制您的动态产品演