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