[发明专利]一种动态显示网页的方法、装置、介质和计算装置有效

专利信息
申请号: 201710625100.7 申请日: 2017-07-27
公开(公告)号: CN107391698B 公开(公告)日: 2021-08-10
发明(设计)人: 谷超;赵应;陈帅斌;蒋泽飞;夏虹 申请(专利权)人: 杭州登虹科技有限公司
主分类号: G06F16/958 分类号: G06F16/958;G06F16/957
代理公司: 北京智桥联合知识产权代理事务所(普通合伙) 11560 代理人: 商晓莉
地址: 310012 浙江省杭*** 国省代码: 浙江;33
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 动态 显示 网页 方法 装置 介质 计算
【权利要求书】:

1.一种动态显示网页的方法,其特征在于,包括:

在接收到用户提交的网站访问请求时,向网络侧服务器请求网站页面并渲染显示,所述网站页面中包含有至少两个网页元素,所述网页元素并排排列于所述网站页面中,网页元素包括以下至少一项内容:图标、分割线、主内容和详细内容,其中,图标采用居中布局,固定宽度和高度,采用外边距和绝对定位进行居中布局,对于网页元素中的分割线采用居中布局,自定义宽高,分割线设置有透明度,采用外边距和相对定位进行居中布局;网页元素中的主内容居中且字体居中,采用文本水平对齐来居中;网页元素中的详细内容开始时处于幕后隐藏,整体居中-文字左对齐,处于主内容后方,采用透明度来设置透明,绝对定位使其与主内容处于同一位置且居中,采用文字左对齐来控制;

监听访问焦点移动位置;以及

如果监听到所述访问焦点移入任一网页元素的显示区域内,则增加相应网页元素的显示宽度和/或显示高度,相应的网页元素放大,将周围网页元素向四周撑开,针对页面包含的每一网页元素,图标、分割线、主内容、详细内容均有相应的动画效果;当访问焦点聚焦于任一网页元素的显示区域时,内容由一开始的主内容,在网页元素的放大过程中,补充详细介绍和精美动效的交互设计,包括图标动效、分割线动效、主内容动效和详细内容动效;包括:针对被调整的网页元素,向右增加该网页元素的显示宽度,这种情况下,其他网页元素随之移动;和/或向下增加该网页元素的显示高度;以及根据所述显示宽度,向左移动左边第一个网页元素,这种情况下,其他网页元素随之移动;和/或根据所述显示高度向上移动被调整的网页元素;和/或改变相应网页元素的背景;和/或增加相应网页元素的显示动效;和/或增加相应网页元素的显示内容。

2.一种动态显示网页的装置,其特征在于,包括:

显示单元,用于在接收到用户提交的网站访问请求时,向网络侧服务器请求网站首页并渲染显示,所述网站首页中包含有至少两个网页元素,所述网页元素并排排列于所述网站首页中,元素包括以下至少一项内容:图标、分割线、主内容和详细内容,其中,图标采用居中布局,固定宽度和高度,采用外边距和绝对定位进行居中布局,对于网页元素中的分割线采用居中布局,自定义宽高,分割线设置有透明度,采用外边距和相对定位进行居中布局;网页元素中的主内容居中且字体居中,采用文本水平对齐来居中;网页元素中的详细内容开始时处于幕后隐藏,整体居中-文字左对齐,处于主内容后方,采用透明度来设置透明,绝对定位使其与主内容处于同一位置且居中,采用文字左对齐来控制;

监听单元,用于监听访问焦点移动位置;

显示调整单元,如果监听到所述访问焦点移入任一网页元素的显示区域内,则增加相应网页元素的显示宽度和/或显示高度,相应的网页元素放大,将周围网页元素向四周撑开,针对页面包含的每一网页元素,图标、分割线、主内容、详细内容均有相应的动画效果;当访问焦点聚焦于任一网页元素的显示区域时,内容由一开始的主内容,在网页元素的放大过程中,补充详细介绍和精美动效的交互设计,包括图标动效、分割线动效、主内容动效和详细内容动效;具体用于针对被调整的网页元素,向右增加该网页元素的显示宽度,这种情况下,其他网页元素随之移动;和/或向下增加该网页元素的显示高度;以及根据所述显示宽度,向左移动左边第一个网页元素,这种情况下,其他网页元素随之移动;和/或根据所述显示高度向上移动被调整的网页元素;和/或改变相应网页元素的背景;和/或增加相应网页元素的显示动效;和/或增加相应网页元素的显示内容。

3.一种计算装置,包括至少一个处理单元、以及至少一个存储单元,其中,所述存储单元存储有计算机程序,当所述程序被所述处理单元执行时,使得所述处理单元执行权利要求1所述方法的步骤。

4.一种计算机可读介质,其存储有可由计算装置执行的计算机程序,当所述程序在计算装置上运行时,使得所述计算装置执行权利要求1所述方法的步骤。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于杭州登虹科技有限公司,未经杭州登虹科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201710625100.7/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top