📖 阿里巴巴国际站鼠标经过变换图片使用教程和全指南
1
获取底层背景图
前往阿里巴巴国际站图片银行,复制您设计好的背景大图URL,如上图。将其粘贴到下方图片地址输入框,点击载入并重置画布。

前往阿里巴巴国际站图片银行,复制您设计好的背景大图URL,如上图。将其粘贴到下方图片地址输入框,点击载入并重置画布。
2
添加空间融合热区
点击绿色的添加按钮,画板上会出现一个毛玻璃控制框。使用鼠标拖拽边框右下角调整大小,拖拽中间移动位置,将其精准覆盖在您需要实现交互的产品图上。

点击绿色的添加按钮,画板上会出现一个毛玻璃控制框。使用鼠标拖拽边框右下角调整大小,拖拽中间移动位置,将其精准覆盖在您需要实现交互的产品图上。
3
配置悬浮参数
在热区控制框内,填入鼠标经过后显示的图片URL(必须来自图片银行)以及点击跳转的超链接。生成的结构可无缝响应全国甚至全球各地买家跨终端的触控与点击。

在热区控制框内,填入鼠标经过后显示的图片URL(必须来自图片银行)以及点击跳转的超链接。生成的结构可无缝响应全国甚至全球各地买家跨终端的触控与点击。
4
云端矩阵编译
确认所有热区覆盖完毕后,点击下方扣除5积分生成免杀代码。点击一键复制,直接粘贴到阿里旺铺自定义区切换成代码模式中确认保存即可完成装修。

确认所有热区覆盖完毕后,点击下方扣除5积分生成免杀代码。点击一键复制,直接粘贴到阿里旺铺自定义区切换成代码模式中确认保存即可完成装修。
🚀 阿里巴巴国际站鼠标经过变换代码 / Pro Hover Engine / 空间融合热区生成引擎
图片地址
画板绝对尺寸
核心节点