一种显示Web页面的方法、装置及浏览器的制造方法
【专利摘要】本发明提供一种显示Web页面的方法，包括：获取多个与Web页面对应的Web页面图像；为所述每一个Web页面图像生成一个位于其上的透明图层；生成用于显示多个图层的球体舞台；根据图层相互不重叠的规则，将各个图层添加至所述球体舞台的球面上。本发明还提供一种显示Web页面的装置及浏览器。通过为获取的Web页面图像生成透明图层，并将透明图层显示在显示界面的立体空间内，使Web页面图像的显示为球体排列，通过球体实时沿不同方向旋转，使Web页面图像在显示空间内沿球体运动轨迹进行旋转，从而使所述多个Web页面图像的显示呈现球体特效的立体显示，增强显示效果，并便于使用者浏览Web页面信息。
【专利说明】一种显示Web页面的方法、装置及浏览器
【技术领域】
[0001]本发明涉及Web页面的显示技术，特别是指一种显示Web页面的方法、装置及浏览器。
【背景技术】
[0002]随着计算机网络的发展，人们越来越依靠Web页面获取信息，Web页面可包括图形、文字、声音和视像等信息。另外，Web易于导航，只要从一个连接跳到另一个连接，就可以在网络的各站点之间进行浏览。虽然通过Web页面可以方便、快速地获得信息，但目前Web页面的显示方式却是单一的，并且通常是静态的，显示界面无法提供给使用者更加生动的显示界面，从而影响了使用者的使用。
[0003]如何使Web页面的显示更具生动性，是一个亟待解决的技术问题。
【发明内容】
[0004]本发明提供了一种显示Web页面的方法、装置及浏览器。所述技术方案如下:
[0005]第一方面，本发明提供了一种显示Web页面的方法，包括:
[0006]获取多个Web页面图像,其中每一个Web页面图像对应一个Web页面；
[0007]为所述每一个Web页面图像生成一个透明的图层,且每一个Web页面图像位于对应的图层上；
[0008]生成用于显示多个图层的球体舞台；
[0009]根据图层相互不重叠的规则，将各个图层添加至所述球体舞台的球面上。
[0010]其中，所述根据图层相互不重叠的规则，将各个图层添加至所述球体舞台的球面上，包括:在所述球体舞台上确定多个不同的纬度值；在每个纬度值下确定多个不同的经度值；将所确定的纬度值和经度值作为图层的位置，将各个图层添加至所述球体舞台的球面上。
[0011]其中，还包括:预设动态更新的周期；当所述周期到达时，旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
[0012]其中，所述旋转所述球体舞台，包括:控制所述球体舞台同时随第一旋转轴面和第二旋转轴面进行旋转。
[0013]其中，所述第一旋转轴面为所述球体舞台的赤道水平面；所述第二旋转轴面与第一旋转轴面的夹角小于90度。
[0014]其中，还包括:检测到使用者沿着某一方向操作所述球体舞台；根据所述方向旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
[0015]其中，还包括:检测到所述球体舞台上的一个Web页面图像被选中，所述被选中的Web页面图像为除指定位置处的Web页面图像以外的任一 Web页面图像,所述指定位置处的Web页面图像为所述球面上至屏幕最近的Web页面图像；旋转所述球体舞台，使所述被选中的Web页面图像旋转后为至屏幕最近的Web页面图像。[0016]其中，还包括:检测到至屏幕最近的Web页面图像被选中；当检测到所述屏幕最近的Web页面图像被选中后，对所述被选中的Web页面图像所对应的图层进行翻转操作；在翻转后的图层上显示与所述被选中的Web页面图像对应的Web页面信息。
[0017]第二方面，本发明提供了一种显示Web页面的装置，包括:
[0018]获取模块，用于获取多个Web页面图像，其中每一个Web页面图像对应一个Web页面；
[0019]图层模块，用于为所述每一个Web页面图像生成一个透明的图层，且每一个Web页面图像位于对应的图层上；
[0020]舞台生成模块，用于生成用于显示多个图层的球体舞台；
[0021]控制模块，用于根据图层相互不重叠的规则，将各个图层添加至所述球体舞台的球面上。
[0022]其中，所述控制模块包括:第一单元，用于在所述球体舞台上确定多个不同的纬度值；第二单元，用于在每个纬度值下确定多个不同的经度值；控制单元，用于将所确定的纬度值和经度值作为图层的位置，将各个图层添加至所述球体舞台的球面上。
[0023]其中，还包括:周期设置模块，用于预设动态更新的周期；所述控制模块还用于当所述周期到达时，旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
[0024]其中，所述控制模块还用于控制所述球体舞台同时随第一旋转轴面和第二旋转轴面进行旋转。
[0025]其中，所述第一旋转轴面为所述球体舞台的赤道水平面；所述第二旋转轴面与第一旋转轴面的夹角小于90度。
[0026]其中，还包括:检测模块，用于检测使用者沿着某一方向操作所述球体舞台；所述控制模块还用于根据所述方向旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
[0027]其中，所述检测模块还用于检测所述球体舞台上的一个Web页面图像被选中，所述被选中的Web页面图像为除指定位置处的Web页面图像以外的任一 Web页面图像,所述指定位置处的Web页面图像为所述球面上至屏幕最近的Web页面图像；所述控制模块还用于旋转所述球体舞台，使所述被选中的Web页面图像旋转后为至屏幕最近的Web页面图像。
[0028]其中，还包括:所述检测模块还用于检测至屏幕最近的Web页面图像被选中；所述控制模块还用于当检测到所述屏幕最近的Web页面图像被选中后，对所述被选中的Web页面图像所对应的图层进行翻转操作，并在翻转后的图层上显示与所述被选中的Web页面图像对应的Web页面信息。
[0029]第三方面，本发明提供了一种浏览器，包括如上述任一所述的装置。
[0030]本发明提供的技术方案带来的有益效果是:通过为获取的Web页面图像生成透明图层，并将透明图层显示在显示界面的立体空间内，使Web页面图像的显示为球体排列，具有立体显示效果，通过球体沿不同方向旋转，使Web页面图像在显示空间内沿球体运动轨迹进行旋转移动，以此更新每个Web页面图像的显示，从而使所述多个Web页面图像的显示呈现球体特效的立体显示，增强显示效果，并便于使用者浏览Web页面信息。
【专利附图】
【附图说明】[0031]为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0032]图1为本发明实施例提供的一种显示Web页面的方法的流程示意图；
[0033]图2为图1所示实施例中Web页面图像的球体特效显示示意图；
[0034]图3为图2所示示例中第一旋转轴面和第二旋转轴面的立体示意图；
[0035]图4为本发明实施例提供的一种显示Web页面的装置的结构示意图；
[0036]图5为图4所示装置的另一结构示意图；
[0037]图6为图4所示装置的又一结构示意图。
【具体实施方式】
[0038]为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。参见图1，本发明实施例提供了一种显示Web页面的方法，包括以下步骤:
[0039]SlOO:获取多个Web页面图像，其中每一个Web页面图像对应一个Web页面；
[0040]从每一个Web页面中提取一个Web页面图像或者为每一个Web页面中生成一个Web页面图像，即通过Web页面图像标识相应的Web页面。
[0041]S200:为所述每一个Web页面图像生成一个透明的图层，且每一个Web页面图像位于对应的图层上；
[0042]为每一个Web页面图像生成一个透明的图层，从而将要显示的多个Web页面图像形成在透明的图层上，由于Web页面图像形成在透明的图层上，因此，用户感知不到图层的存在，在显示界面上看到的仅仅是Web页面图像，比较直观，符合用户的习惯。
[0043]每一个Web页面图像位于对应的图层上，不同的Web页面图像分别与不同的图层建立对应关系。即，每一个Web页面图像对应一个图层。
[0044]通过将多个Web页面图像分别形成在不同的图层上，从而将要显示的多个页面图像同时显示在Web显示界面上。
[0045]通常，根据服务器的处理能力设置图层的最大数目，为了使服务器的处理能力最佳，通常该数目不大于120。Web页面图像的大小可根据显示界面的尺寸预先设定。
[0046]S300:生成用于显示多个图层的球体舞台；
[0047]在显示界面上,设置立体的球体舞台，参见图2,在球体舞台的球面上显示Web页面图像，球体舞台可通过预先设置球体舞台的球心位置，例如，球心距离显示界面的上边界以及左边距的距离，以及球体半径等值来确定。
[0048]S400:根据图层相互不重叠的规则，将各个图层添加至所述球体舞台的球面上。
[0049]将各个图层添加至所述球体舞台的不同位置处，使位于所述球体舞台上的Web页面图像呈现球形立体空间显示。
[0050]优选地，根据图层相互不重叠的规则，将各个图层添加至所述球体舞台的球面上，包括:在所述球体舞台上确定多个不同的纬度值；在每个纬度值下确定多个不同的经度值；将所确定的纬度值和经度值作为图层的位置，将各个图层添加至所述球体舞台的球面上。
[0051]参见图2，在球体舞台的球面上确定多个不同的纬度值，例如，Web页面图像21、22、23、24、25、26、27及28分别代表不同纬度上的Web页面图像。
[0052]然后，在每个纬度值下确定多个不同的经度值，通过将所确定的纬度值和经度值作为图层的位置，将各个图层添加至所述球体舞台的球面上，从而使Web页面图像的显示区域形成围绕每个纬度值的环形显示。增强了显示效果。
[0053]优选地，该方法还包括:预设动态更新的周期；当所述周期到达时，旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
[0054]通过预设动态更新的周期，当所述周期到达时，旋转所述球体舞台，随着所述球体舞台的旋转，使所述球体舞台上的Web页面图像位置发生了变化，使使用者更容易找到所需要的息。
[0055]优选地，旋转所述球体舞台包括:控制所述球体舞台同时随第一旋转轴面和第二旋转轴面进行旋转，其中所述第一旋转轴面为所述球体舞台的赤道水平面；所述第二旋转轴面与第一旋转轴面的夹角小于90度。
[0056]参见图3，所述球体舞台随着第一旋转轴面31从球体端部做从上到下或从下到上的旋转，并同时随着第二旋转轴面32从左向右或从右向左旋转，由此可见，第一旋转轴面31和第二旋转轴面32两个方向的旋转合成了所述球体舞台的运动，从而使位于所述球体舞台上的Web页面图像的显示位置发生了变化。
[0057]优选地，该方法还包括:检测到使用者沿着某一方向操作所述球体舞台；根据所述方向旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
[0058]使用者可对所述球体舞台沿着某一方向操作，使所述球体舞台沿着该方向运动，例如，旋转。
[0059]使用者沿着某一方向操作所述球体舞台，例如，可预先设置为:向左水平滑动、向右水平滑动、向上竖直滑动、向下竖直滑动、向左上方或左下方滑动或向右上方或右下方滑动，所述球体舞台的旋转可预先设置为相应的旋转动作，例如，向右上方滑动的操作，所述球体舞台可逆时针以45度倾斜方向螺旋上升转动。为了增强显示效果或加快浏览各个Web页面图像，使用者可预先设置相应的方向操作以及所述球体舞台相应的动作。也可通过改变第一旋转轴面31和第二旋转轴面32的夹角来设置所述球体舞台的动作
[0060]优选地，该方法还包括:检测到所述球体舞台上的一个Web页面图像被选中，所述被选中的Web页面图像为除指定位置处的Web页面图像以外的任一 Web页面图像,所述指定位置处的Web页面图像为所述球面上至屏幕最近的Web页面图像，旋转所述球体舞台，使所述被选中的Web页面图像旋转后为至屏幕最近的Web页面图像。
[0061]Web页面图像的显示位置可位于显示界面的任一位置，参见图2，可在显示界面上预先指定位置显示被选中的当前Web页面图像30，预先指定位置是通过缩短所述球体舞台与屏幕的距离实现的，当所述球体舞台与屏幕的距离缩短为最近时，被选中的Web页面图像就会被放大显示，其中左右相邻的Web页面图像29和35也同时被放大显示了。
[0062]使用者可对球体舞台上的任一个Web页面图像进行选取，如果使用者对指定位置处的Web页面图像进行选取，例如，可通过触压Web页面图像，对被选中的Web页面图像所对应的图层进行翻转操作，在翻转后的图层上显示与所述被选中的Web页面图像对应的Web页面信息。如果使用者对指定位置处的Web页面图像以外的任一 Web页面图像进行选取时，例如，可通过触压Web页面图像，所述球体舞台旋转，并且缩短所述球体舞台与屏幕的距离为最近，被选中的Web页面图像以及左右相邻的两个图像就会被放大显示，即被选中的Web页面图像显示在指定位置处。
[0063]本实施例提供的上述方法，通过为获取的Web页面图像生成透明图层，并将透明图层显示在显示界面的立体空间内，使Web页面图像的显示为球体排列，具有立体显示效果，通过球体沿不同方向旋转，使Web页面图像在显示空间内沿球体运动轨迹进行旋转移动，以此更新每个Web页面图像的显示，从而使所述多个Web页面图像的显示呈现球体特效的立体显示，增强显示效果，并便于使用者浏览Web页面信息。
[0064]本发明的另一实施例提供一种显示Web页面的装置，参见图4，包括:
[0065]获取模块41，用于获取多个Web页面图像，其中每一个Web页面图像对应一个Web页面；
[0066]图层模块42，用于为所述每一个Web页面图像生成一个透明的图层，且每一个Web页面图像位于对应的图层上；
[0067]舞台设置模块43，用于生成用于显示多个图层的球体舞台；
[0068]控制模块44，用于根据图层相互不重叠的规则，将各个图层添加至所述球体舞台的球面上。
[0069]优选地，控制模块44包括:
[0070]第一单元，用于在所述球体舞台上确定多个不同的纬度值；
[0071]第二单元，用于在每个纬度值下确定多个不同的经度值；
[0072]控制单元，用于将所确定的纬度值和经度值作为图层的位置，将各个图层添加至所述球体舞台的球面上。
[0073]优选地，该装置还包括:周期设置模块45，用于预设动态更新的周期；控制模块44还用于当所述周期到达时，旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
[0074]其中，控制模块44还用于控制所述球体舞台同时随第一旋转轴面和第二旋转轴面进行旋转。优选地，第一旋转轴面为所述球体舞台的赤道水平面；所述第二旋转轴面与第一旋转轴面的夹角小于90度。
[0075]优选地，该装置还包括:检测模块46，用于检测使用者沿着某一方向操作所述球体舞台；控制模块44还用于根据所述方向旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
[0076]其中，检测模块46还用于检测所述球体舞台上的一个Web页面图像被选中，所述被选中的Web页面图像为除指定位置处的Web页面图像以外的任一 Web页面图像,所述指定位置处的Web页面图像为所述球面上至屏幕最近的Web页面图像；控制模块44还用于旋转所述球体舞台，使所述被选中的Web页面图像旋转后为至屏幕最近的Web页面图像。
[0077]其中，检测模块46还用于检测至屏幕最近的Web页面图像被选中；控制模块44还用于当检测到所述屏幕最近的Web页面图像被选中后，对所述被选中的Web页面图像所对应的图层进行翻转操作，并在翻转后的图层上显示与所述被选中的Web页面图像对应的Web页面信息。[0078]本实施例提供的上述装置可以执行上述方法实施例中提供的方法，详细过程见方法实施例中的描述，此处不赘述。
[0079]本实施例提供的上述装置，通过为获取的Web页面图像生成透明图层，并将透明图层显示在显示界面的立体空间内，使Web页面图像的显示为球体排列，具有立体显示效果，通过球体沿不同方向旋转，使Web页面图像在显示空间内沿球体运动轨迹进行旋转移动，以此更新每个Web页面图像的显示，从而使所述多个Web页面图像的显示呈现球体特效的立体显示，增强显示效果，并便于使用者浏览Web页面信息。
[0080]本发明的另一实施例还提供一种浏览器，包括上述实施例所述的基于Web页面的显示装置，该装置的功能详见上述装置实施例中的描述，此处不赘述。本实施例提供的所述浏览器可以执行上述方法实施例中提供的方法，详细过程见方法实施例中的描述，此处不赘述。
[0081]本实施例提供的上述浏览器，通过为获取的Web页面图像生成透明图层，并将透明图层显示在显示界面的立体空间内，使Web页面图像的显示为球体排列，具有立体显示效果，通过球体沿不同方向旋转，使Web页面图像在显示空间内沿球体运动轨迹进行旋转移动，以此更新每个Web页面图像的显示，从而使所述多个Web页面图像的显示呈现球体特效的立体显示，增强显示效果，并便于使用者浏览Web页面信息。
[0082]本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
[0083]以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种显示Web页面的方法，其特征在于，包括: 获取多个Web页面图像，其中每一个Web页面图像对应一个Web页面； 为所述每一个Web页面图像生成一个透明的图层，且每一个Web页面图像位于对应的图层上； 生成用于显示多个图层的球体舞台； 根据图层相互不重叠的规则，将各个图层添加至所述球体舞台的球面上。
2.根据权利要求1所述的方法，其特征在于，所述根据图层相互不重叠的规则，将各个图层添加至所述球体舞台的球面上，包括: 在所述球体舞台上确定多个不同的纬度值； 在每个纬度值下确定多个不同的经度值； 将所确定的纬度值和经度值作为图层的位置，将各个图层添加至所述球体舞台的球面上。
3.根据权利要求1所述的方法，其特征在于，还包括: 预设动态更新的周期； 当所述周期到达时，旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
4.根据权利要求3所述 的方法，其特征在于，所述旋转所述球体舞台，包括: 控制所述球体舞台同时随第一旋转轴面和第二旋转轴面进行旋转。
5.根据权利要求4所述的方法，其特征在于，所述第一旋转轴面为所述球体舞台的赤道水平面；所述第二旋转轴面与第一旋转轴面的夹角小于90度。
6.根据权利要求3-5任一项所述的方法，其特征在于，还包括: 检测到使用者沿着某一方向操作所述球体舞台； 根据所述方向旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
7.根据权利要求3-5任一项所述的方法，其特征在于，还包括: 检测到所述球体舞台上的一个Web页面图像被选中，所述被选中的Web页面图像为除指定位置处的Web页面图像以外的任一 Web页面图像,所述指定位置处的Web页面图像为所述球面上至屏幕最近的Web页面图像； 旋转所述球体舞台，使所述被选中的Web页面图像旋转后为至屏幕最近的Web页面图像。
8.根据权利要求1所述的方法，其特征在于，还包括: 检测到至屏幕最近的Web页面图像被选中； 当检测到所述屏幕最近的Web页面图像被选中后，对所述被选中的Web页面图像所对应的图层进行翻转操作； 在翻转后的图层上显示与所述被选中的Web页面图像对应的Web页面信息。
9.一种显示Web页面的装置，其特征在于，包括: 获取模块，用于获取多个Web页面图像，其中每一个Web页面图像对应一个Web页面；图层模块，用于为所述每一个Web页面图像生成一个透明的图层，且每一个Web页面图像位于对应的图层上；舞台生成模块，用于生成用于显示多个图层的球体舞台； 控制模块，用于根据图层相互不重叠的规则，将各个图层添加至所述球体舞台的球面上。
10.根据权利要求9所述的装置，其特征在于，所述控制模块包括: 第一单元，用于在所述球体舞台上确定多个不同的纬度值； 第二单元，用于在每个纬度值下确定多个不同的经度值； 控制单元，用于将所确定的纬度值和经度值作为图层的位置，将各个图层添加至所述球体舞台的球面上。
11.根据权利要求9所述的装置，其特征在于，还包括: 周期设置模块，用于预设动态更新的周期； 所述控制模块还用于当所述周期到达时，旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
12.根据权利要求9所述的装置，其特征在于，所述控制模块还用于控制所述球体舞台同时随第一旋转轴面和第二旋转轴面进行旋转。
13.根据权利要求12所述的装置，其特征在于，所述第一旋转轴面为所述球体舞台的赤道水平面；所述第二旋转轴面与第一旋转轴面的夹角小于90度。
14.根据权利要求11-13任一项所述的装置，其特征在于，还包括: 检测模块，用于检测使用者沿着某一方向操作所述球体舞台； 所述控制模块还用于根据所述方向旋转所述球体舞台，以使所述球体舞台上的Web页面图像位置发生变化。
15.根据权利要求11-13任一项所述的方法，其特征在于，所述检测模块还用于检测所述球体舞台上的一个Web页面图像被选中，所述被选中的Web页面图像为除指定位置处的Web页面图像以外的任一 Web页面图像,所述指定位置处的Web页面图像为所述球面上至屏幕最近的Web页面图像； 所述控制模块还用于旋转所述球体舞台，使所述被选中的Web页面图像旋转后为至屏幕最近的Web页面图像。
16.根据权利要求9所述的方法，其特征在于，还包括: 所述检测模块还用于检测至屏幕最近的Web页面图像被选中； 所述控制模块还用于当检 测到所述屏幕最近的Web页面图像被选中后，对所述被选中的Web页面图像所对应的图层进行翻转操作，并在翻转后的图层上显示与所述被选中的Web页面图像对应的Web页面信息。
17.一种浏览器，其特征在于，包括如权利要求9-16任一所述的装置。
【文档编号】G06F17/30GK103744874SQ201310701472
【公开日】2014年4月23日 申请日期:2013年12月18日 优先权日:2013年12月18日
【发明者】石磊 申请人:天脉聚源(北京)传媒科技有限公司