[发明专利]网页的页面元素的显示方法和装置有效
| 申请号： | 201410575699.4 | 申请日： | 2014-10-24 |
| 公开（公告）号： | CN105589882B | 公开（公告）日： | 2020-05-08 |
| 发明（设计）人： | 刘吟;苏莉;史文;许洁;潘知慧;王晶;李晶晶;张晖卉;连沁 | 申请（专利权）人： | 阿里巴巴集团控股有限公司 |
| 主分类号： | G06F16/957 | 分类号： | G06F16/957;G06F16/958 |
| 代理公司： | 北京三友知识产权代理有限公司 11127 | 代理人： | 李辉 |
| 地址： | 英属开曼群岛大开曼*** | 国省代码： | 暂无信息 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 网页 页面 元素 显示 方法 装置 | ||
1.一种网页的页面元素的显示方法，其特征在于，包括：
接收服务器发送的背景图片以及文字图片，所述背景图片以及文字图片用于描述一个页面元素；
通过CSS技术确定所述背景图片的显示区域，以使得所述背景图片的显示区域的尺寸与当前页面的尺寸匹配，将所述背景图片的显示区域渲染在当前页面上，并将所述文字图片显示在所述背景图片上；其中，将所述背景图片的显示区域的左边界与所述背景图片的左边界之间的距离作为第一距离，将所述背景图片的显示区域的右边界与所述背景图片的右边界之间的距离作为第二距离；当用户向左拖动拉动当前的网页页面对当前页面进行页面缩小操作时，所述第二距离大于所述第一距离；当用户向右拖动拉动当前的网页页面对当前页面进行页面缩小操作时，所述第一距离大于所述第二距离。
2.根据权利要求1所述的方法，其特征在于，所述当前页面的尺寸为当前页面的宽度。
3.根据权利要求1所述的方法，其特征在于，所述背景图片的显示区域与所述背景图片之间居中对齐。
4.根据权利要求1所述的方法，其特征在于，所述第一距离与所述第二距离之间的比值满足预设的比值条件。
5.一种网页的页面元素的显示方法，其特征在于，包括：
接收服务器发送的背景图片以及文字图片，所述背景图片以及文字图片用于描述一个页面元素；
通过CSS技术确定所述背景图片的显示区域，以使得所述背景图片的显示区域的尺寸与当前页面的尺寸匹配，将所述背景图片的显示区域渲染在当前页面上，并将所述文字图片显示在所述背景图片上；其中，将所述背景图片的显示区域的左边界与所述背景图片的左边界之间的距离作为第一距离，将所述背景图片的显示区域的右边界与所述背景图片的右边界之间的距离作为第二距离；当用户向左拖动拉动当前的网页页面对当前页面进行页面放大操作时，所述第一距离大于所述第二距离；当用户向右拖动拉动当前的网页页面对当前页面进行页面放大操作，所述第二距离大于所述第一距离。
6.根据权利要求5所述的方法，其特征在于，所述当前页面的尺寸为当前页面的宽度。
7.根据权利要求5所述的方法，其特征在于，所述背景图片的显示区域与所述背景图片之间居中对齐。
8.根据权利要求5所述的方法，其特征在于，所述第一距离与所述第二距离之间的比值满足预设的比值条件。
9.一种网页的页面元素的显示装置，其特征在于，包括：
接收单元，用于接收服务器发送的背景图片以及文字图片，所述背景图片以及文字图片用于描述一个网页页面元素；
显示单元，用于通过CSS技术确定所述背景图片的显示区域，以使得所述背景图片的显示区域的尺寸与当前页面的尺寸匹配，将所述背景图片的显示区域渲染在当前页面上，并将所述文字图片显示在所述背景图片上；其中，将所述背景图片的显示区域的左边界与所述背景图片的左边界之间的距离作为第一距离，将所述背景图片的显示区域的右边界与所述背景图片的右边界之间的距离作为第二距离；当用户向左拖动拉动当前的网页页面对当前页面进行页面缩小操作时，所述第二距离大于所述第一距离；当用户向右拖动拉动当前的网页页面对当前页面进行页面缩小操作时，所述第一距离大于所述第二距离。
10.根据权利要求9所述的装置，其特征在于，所述当前页面的尺寸为当前页面的宽度。
11.根据权利要求9所述的装置，其特征在于，所述背景图片的显示区域与所述背景图片之间居中对齐。
12.根据权利要求9所述的装置，其特征在于，所述第一距离与所述第二距离之间的比值满足预设的比值条件。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于阿里巴巴集团控股有限公司，未经阿里巴巴集团控股有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/201410575699.4/1.html，转载请声明来源钻瓜专利网。
