[发明专利]网页元素移位方法及装置

权利要求书

1.一种网页元素移位方法，其特征在于，所述方法包括：

为目标网页元素创建容器元素，所述容器元素包括所述目标网页元素；

在所述容器元素中设置所述目标网页元素的移位属性，所述移位属性用于触发所述容器元素对鼠标的指针悬停操作进行响应；

当检测到所述指针悬停操作时，基于所述移位属性，触发所述容器元素包含的所述目标网页元素产生移位；

所述容器元素扩大覆盖区域，包括：

确定所述容器元素的第一区域，所述第一区域为所述容器元素响应所述指针悬停操作之前覆盖的区域，所述第一区域包括所述目标网页元素的原始区域，所述原始区域为所述目标网页元素产生移位前覆盖的区域；

基于所述第一区域和所述目标网页元素的目标区域，确定第二区域，所述目标区域为所述目标网页元素产生移位后覆盖的区域，所述第二区域为所述容器元素响应所述指针悬停操作之后覆盖的区域，所述第二区域包括所述第一区域和所述目标区域。

2.根据权利要求1所述的方法，其特征在于，所述基于所述第一区域和所述目标网页元素的目标区域，确定第二区域，包括：

基于所述目标区域的大小和方位，对所述第一区域进行区域扩大，使得扩大后的第一区域包括所述目标区域，得到所述第二区域。

3.根据权利要求1所述的方法，其特征在于，所述基于所述移位属性，触发所述容器元素包含的所述目标网页元素产生移位，包括：

获取所述移位属性中的移位参数信息；

基于所述移位参数信息，确定所述目标网页元素的目标区域；

将所述目标网页元素移位至所述目标区域，并在所述目标区域显示所述目标网页元素的动画效果。

4.根据权利要求1或2所述的方法，其特征在于，所述在所述容器元素中设置所述目标网页元素的移位属性，包括：

获取所述目标网页元素的移位参数信息，所述移位参数信息至少包括距离信息和方向信息；

生成所述移位属性，所述移位属性至少包括所述移位参数信息；

将所述移位属性设置在所述容器元素中。

5.根据权利要求1所述的方法，其特征在于，所述目标网页元素为待产生移位的子文件对象模型DOM节点；

所述容器元素为包括所述目标网页元素的父DOM节点。

6.一种网页元素移位装置，其特征在于，所述装置包括：

创建模块，用于为目标网页元素创建容器元素，所述容器元素包括所述目标网页元素；

设置模块，用于在所述容器元素中设置所述目标网页元素的移位属性，所述移位属性用于触发所述容器元素对鼠标的指针悬停操作进行响应；

触发模块，用于当检测到所述指针悬停操作时，基于所述移位属性，触发所述容器元素包含的所述目标网页元素产生移位；所述容器元素扩大覆盖区域；

所述装置还包括：

确定模块，用于确定所述容器元素的第一区域，所述第一区域为所述容器元素响应所述指针悬停操作之前覆盖的区域，所述第一区域包括所述目标网页元素的原始区域，所述原始区域为所述目标网页元素产生移位前覆盖的区域；

所述确定模块，还用于基于所述第一区域和所述目标网页元素的目标区域，确定第二区域，所述目标区域为所述目标网页元素产生移位后覆盖的区域，所述第二区域为所述容器元素响应所述指针悬停操作之后覆盖的区域，所述第二区域包括所述第一区域和所述目标区域。

7.根据权利要求6所述的装置，其特征在于，所述确定模块，还用于基于所述目标区域的大小和方位，对所述第一区域进行区域扩大，使得扩大后的第一区域包括所述目标区域，得到所述第二区域。

8.根据权利要求6所述的装置，其特征在于，所述触发模块，用于获取所述移位属性中的移位参数信息；基于所述移位参数信息，确定所述目标网页元素的目标区域；将所述目标网页元素移位至所述目标区域，并在所述目标区域显示所述目标网页元素的动画效果。