CN111125576A - 一种页面展示方法和装置 - Google Patents
一种页面展示方法和装置 Download PDFInfo
- Publication number
- CN111125576A CN111125576A CN201811295586.3A CN201811295586A CN111125576A CN 111125576 A CN111125576 A CN 111125576A CN 201811295586 A CN201811295586 A CN 201811295586A CN 111125576 A CN111125576 A CN 111125576A
- Authority
- CN
- China
- Prior art keywords
- display
- display element
- presentation
- page
- elements
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 84
- 230000006399 behavior Effects 0.000 claims description 29
- 230000009471 action Effects 0.000 claims description 25
- 230000001960 triggered effect Effects 0.000 claims description 25
- 230000000875 corresponding effect Effects 0.000 description 139
- 230000008859 change Effects 0.000 description 16
- 230000001276 controlling effect Effects 0.000 description 13
- 230000000694 effects Effects 0.000 description 12
- 238000012544 monitoring process Methods 0.000 description 12
- 238000010586 diagram Methods 0.000 description 7
- 238000004590 computer program Methods 0.000 description 5
- 230000003068 static effect Effects 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 230000009191 jumping Effects 0.000 description 3
- 230000009977 dual effect Effects 0.000 description 2
- 238000010030 laminating Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面展示方法、装置、电子设备和计算机可读存储介质。该方法包括:在页面中以第一样式展示第一数量个第一展示元素;在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;第二数量小于或等于第一数量;根据确定的展示位置在页面中以第二样式展示各第二展示元素。可见,通过本技术方案中,先以第一样式展示第一展示元素,然后再以第二样式展示与第一展示元素对应的第二展示元素,增加展示元素的展示多样性,提升了用户浏览网页页面内容时的体验,提高页面对用户的吸引力。
Description
技术领域
本发明涉及计算机技术领域,具体涉及一种页面展示方法、装置、电子设备和计算机可读存储介质。
背景技术
现如今,上网浏览网页已经是广大用户获取消息内容和业余生活的一部分。那么如何提高网页页面对用户的吸引力成为网页页面的设计和优化的主要目的之一。实际应用中,吸引用户的往往不只是网页内容,还包括网页页面的展现形式,例如,同样的新闻报道以不同的形式进行展示,其点击率也有着大大的不同。因此,包含在网页页面中的各展示内容或者各展示元素等的展示方式,就成为吸引用户的途径之一。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面展示方法、装置、电子设备和计算机可读存储介质。
根据本发明的一个方面,提供了一种页面展示方法,其中,该方法包括:
在页面中以第一样式展示第一数量个第一展示元素;
在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;所述第二数量小于或等于所述第一数量;
根据确定的展示位置在页面中以第二样式展示各第二展示元素。
可选地,在满足展示条件时,在页面中以第一样式展示第一数量个第一展示元素;所述展示条件包括如下的一种或多种:
接收到获取展示元素的指令;
页面的内容加载完成;
页面展示时间达到第一预设时长;
触发了指定的页面操作行为。
可选地,所述确定与第二数量个第一展示元素对应的第二展示元素的展示位置包括:
为各第二展示元素随机分配对应的展示位置;
或者,获取为第一展示元素预先配置的展示位置,作为与该第一展示元素对应的第二展示元素的展示位置。
可选地,所述切换条件包括如下一种或多种:
接收到切换指令;
第一展示元素的展示时长超过第二预设时长;
第一展示元素到达对应的展示位置。
可选地,所述第一样式包括:
各第一展示元素在页面中执行预设动作。
可选地,该方法进一步包括:
当监测到鼠标光标悬停在包含第一展示元素的指定区域内时,控制该指定区域内的第一展示元素停止执行所述预设动作并悬停。
可选地,该方法进一步包括:
当监测到鼠标光标离开所述指定区域时,控制所述第一展示元素继续执行所述预设动作。
可选地,所述根据确定的展示位置在页面中以第二样式展示各第二展示元素包括:
以预设倾斜角度,将各第二展示元素的至少部分隐藏在所述页面中对应的版块内。
可选地,该方法进一步包括:
当监测到鼠标光标悬停在包含第二展示元素的指定区域内时,将该指定区域内的第二展示元素全部显示在页面中。
可选地,所述根据确定的展示位置在页面中以第二样式展示各第二展示元素包括:
获取用户指定的第二展示元素的个性化样式,作为第二样式。
可选地,该方法进一步包括:
获取用户的用户行为数据;
获取与所述用户行为数据匹配的待展示内容;
确定所述待展示内容与第一展示元素和/或第二展示元素的对应关系。
可选地,第一展示元素和/或第二展示元素包含对应待展示内容的关键字信息。
可选地,所述根据确定的展示位置在页面中以第二样式展示各第二展示元素包括:
当满足预设移动条件时,确定各第二展示元素对应的新的展示位置,根据确定的新的展示位置在页面中以第二样式展示各第二展示元素。
可选地,所述确定各第二展示元素对应的新的展示位置包括:
按照预设的位置改变路径,确定各第二展示元素对应的新的展示位置;
或者,监测鼠标光标的移动路径,根据鼠标光标的移动路径,确定各第二展示元素对应的新的展示位置。
可选地,该方法进一步包括:
当第二展示元素被触发后,从展示的其他第二展示元素中选择出与该第二展示元素相匹配的第二展示元素;
按照预设规则,改变选择出的第二展示元素的状态。
可选地,所述按照预设规则,改变选择出的第二展示元素的状态包括:
获取新的第一展示元素,在选择出的第二展示元素对应的展示位置,展示与新的第一展示元素对应的第二展示元素。
可选地,所述按照预设规则,改变选择出的第二展示元素的状态包括:
重新确定选择出的各第二展示元素的展示位置。
根据本发明的另一方面,提供了一种页面展示装置,其中,该装置包括:
第一展示单元,适于在页面中以第一样式展示第一数量个第一展示元素;
确定单元,适于在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;所述第二数量小于或等于所述第一数量;
第二展示单元,适于根据确定的展示位置在页面中以第二样式展示各第二展示元素。
可选地,所述第一展示单元,适于在满足展示条件时,在页面中以第一样式展示第一数量个第一展示元素;所述展示条件包括如下的一种或多种:
接收到获取展示元素的指令;
页面的内容加载完成;
页面展示时间达到第一预设时长;
触发了指定的页面操作行为。
可选地,所述确定单元,适于为各第二展示元素随机分配对应的展示位置;或者,获取为第一展示元素预先配置的展示位置,作为与该第一展示元素对应的第二展示元素的展示位置。
可选地,所述切换条件包括如下一种或多种:
接收到切换指令;
第一展示元素的展示时长超过第二预设时长;
第一展示元素到达对应的展示位置。
可选地,所述第一样式包括:
各第一展示元素在页面中执行预设动作。
可选地,该装置进一步包括:
监测单元,适于当监测到鼠标光标悬停在包含第一展示元素的指定区域内时,控制该指定区域内的第一展示元素停止执行所述预设动作并悬停。
可选地,
所述监测单元,适于当监测到鼠标光标离开所述指定区域时,控制所述第一展示元素继续执行所述预设动作。
可选地,
所述第二展示单元,适于以预设倾斜角度,将各第二展示元素的至少部分隐藏在所述页面中对应的版块内。
可选地,
所述第二展示单元,适于当监测到鼠标光标悬停在包含第二展示元素的指定区域内时,将该指定区域内的第二展示元素全部显示在页面中。
可选地,
所述第二展示单元,适于获取用户指定的第二展示元素的个性化样式,作为第二样式。
可选地,该装置进一步包括:
获取单元,适于获取用户的用户行为数据;获取与所述用户行为数据匹配的待展示内容;确定所述待展示内容与第一展示元素和/或第二展示元素的对应关系。
可选地,
第一展示元素和/或第二展示元素包含对应待展示内容的关键字信息。
可选地,
所述第二展示单元,适于当满足预设移动条件时,确定各第二展示元素对应的新的展示位置,根据确定的新的展示位置在页面中以第二样式展示各第二展示元素。
可选地,
所述第二展示单元,适于按照预设的位置改变路径,确定各第二展示元素对应的新的展示位置;或者,监测鼠标光标的移动路径,根据鼠标光标的移动路径,确定各第二展示元素对应的新的展示位置。
可选地,
所述第二展示单元,适于当第二展示元素被触发后,从展示的其他第二展示元素中选择出与该第二展示元素相匹配的第二展示元素;按照预设规则,改变选择出的第二展示元素的状态。
可选地,
所述第二展示单元,适于获取新的第一展示元素,在选择出的第二展示元素对应的展示位置,展示与新的第一展示元素对应的第二展示元素。
可选地,
所述第二展示单元,适于重新确定选择出的各第二展示元素的展示位置。
根据本发明的又一方面,提供了一种电子设备,其中,该电子设备包括:
处理器;以及,
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行根据前述的方法。
根据本发明的再一方面,提供了一种计算机可读存储介质,其中,所述计算机可读存储介质存储一个或多个程序,所述一个或多个程序当被处理器执行时,实现前述的方法。
根据本发明的技术方案,在页面中以第一样式展示第一数量个第一展示元素;在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;第二数量小于或等于第一数量;根据确定的展示位置在页面中以第二样式展示各第二展示元素。可见,通过本技术方案中,先以第一样式展示第一展示元素,然后再以第二样式展示与第一展示元素对应的第二展示元素,增加展示元素的展示多样性,提升了用户浏览网页页面内容时的体验,提高页面对用户的吸引力。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的页面展示方法的流程示意图;
图2示出了根据本发明一个实施例的页面展示装置的结构示意图;
图3示出了根据本发明一个实施例的电子设备的结构示意图;
图4示出了根据本发明一个实施例的计算机可读存储介质的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的页面展示方法的流程示意图。如图1所示,该方法包括:
步骤S110,在页面中以第一样式展示第一数量个第一展示元素。
步骤S120,在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;第二数量小于或等于第一数量。
这里的第一展示元素与第二展示元素是对应关系。
例如,以第一样式展示100个第一展示元素,那么可以确定其中的50个第一展示元素对应的第二展示元素的展示位置,也就是说,在以第二样式展示第二展示元素时,仅展示50个。
步骤S130,根据确定的展示位置在页面中以第二样式展示各第二展示元素。
优选地,这里的第一展示元素可以是红包、气球等元素。
优选地,第一样式可以是动态的样式,如,气球作为第一展示元素,以气球上升的样式进行展示;第二样式可以是静态的样式。
以红包为例,在页面中,控制100个已拆开的红包动态地从页面的顶端下落,即第一样式是红包执行落下的动作,当满足切换条件时,确定其中50个已拆开的红包对应的未拆开的红包的展示位置,然后在确定展示位置静态的展示未拆开的红包。该例子中的展示效果是在页面中以红包雨的形式展示红包,在满足切换条件时,在固定位置静态的展示红包雨中的全部或部分红包。且,红包雨的红包和静态展示的红包的样子是不同的。
可见,通过本技术方案中,先以第一样式展示第一展示元素,然后再以第二样式展示与第一展示元素对应的第二展示元素,增加展示元素的展示多样性,提升了用户浏览网页页面内容时的体验,提高页面对用户的吸引力。
在本发明的一个实施例中,图1所示的方法中的步骤S110具体是在满足展示条件时,在页面中以第一样式展示第一数量个第一展示元素;其中,展示条件包括如下的一种或多种:接收到获取展示元素的指令;页面的内容加载完成;页面展示时间达到第一预设时长;触发了指定的页面操作行为。
本实施例指出第一展示元素的展示是否符合一定的展示时机的。并且对展示元素的展示时机进行了限定。例如,在页面中提供获取展示元素的控件,当该控件触发时,即接收到获取展示元素的指令。
这里的第一预设时长可以根据需求进行预先设定,例如,5s。这里的指定的页面操作行为也可以根据需求进行预先设定,当预先设定的页面操作行为触发时,展示第一展示元素。例如,页面操作行为可以是刷新页面,指定展示版块的触发,指定展示内容的刷新等。
在本发明的一个实施例中,图1所示的步骤S120中的确定与第二数量个第一展示元素对应的第二展示元素的展示位置包括:为各第二展示元素随机分配对应的展示位置;或者,获取为第一展示元素预先配置的展示位置,作为与该第一展示元素对应的第二展示元素的展示位置。
在一具体实施例中,第二展示元素的展示位置可以随机分配,也可以是预先配置,即预先为第一展示元素配置展示位置,因为第一展示元素与第二展示元素是一一对应的,那么就可以将第一展示元素对应的展示位置作为第二展示元素的展示位置。例如,预先为第一展示元素配置的展示位置是页面第二展示版块的左上角,那么第二展示元素的展示位置也可以是第二展示版块的左上角。
在本发明的一个实施例中,图1所示的步骤S120中的切换条件包括如下一种或多种:接收到切换指令;第一展示元素的展示时长超过第二预设时长;第一展示元素到达对应的展示位置。
在一具体实施例中,切换可以是用户触发也可以是满足一定的条件时自动触发。例如,在页面提供展示切换控件,用户可以通过触发该控件,实现展示元素展示的切换。这里的第二预设时长也可以根据需求进行设定,例如,5s。在前述说明中,提出第一展示元素可以动态的进行展示,那么当第一展示元素执行相应的动作达到对应的展示位置时,认为是满足切换条件。例如,当以红包雨的形式展示红包时,当红包下落到对应的展示位置(随机分配或预先配置)时,确定满足切换条件。或者,当红包下落至页面底部时。
在本发明的一个实施例中,图1所示的方法中的第一样式包括:各第一展示元素在页面中执行预设动作。
在一具体实施例中,第一展示元素是进行动态的展示。例如,气球作为第一展示元素,以气球上升的样式进行展示。
优选地,当满足切换条件时,确定与气球对应的第二展示元素可以是气球爆炸后从中飞出若干个红包,确定该若干个红包的展示位置。
优选地,图1所示的方法的步骤S110中的在页面中以第一样式展示第一数量个第一展示元素包括:控制各第一展示元素在页面中执行预设动作,各第一展示元素的大小不同。
以红包雨为例,红包下落的过程中,设定红包有大有小,制造红包远近的效果,更加贴合“雨”的效果,增强展示效果,提高用户的使用体验。
进一步地,在上述实施例基础上,图1所示的方法进一步包括:当监测到鼠标光标悬停在包含第一展示元素的指定区域内时,控制该指定区域内的第一展示元素停止执行预设动作并悬停。
以红包雨为例,当红包以红包雨的形式进行下落时,如果用户将鼠标光标移动到其中一个红包上或者一个红包的周围指定大小区域内时,该红包就会停止下落,并且悬停在页面中,以便用户可以准确查看红包相应信息。
再进一步地,在上述实施例基础上,图1所示的方法进一步包括:当监测到鼠标光标离开指定区域时,控制第一展示元素继续执行预设动作。
依然以红包雨为例,当用户将鼠标光标移动到其中一个红包上或者一个红包的周围指定大小区域内时,该红包就会停止下落,并且悬停在页面中;如果用户移动鼠标光标离开该红包或该红包周围的指定大小区域,该红包继续下落。
在本发明的一个实施例中,图1所示的方法的步骤S130中的根据确定的展示位置在页面中以第二样式展示各第二展示元素包括:以预设倾斜角度,将各第二展示元素的至少部分隐藏在页面中对应的版块内。
在一具体实施例中,当展示第二展示元素时,第二展示元素的一部分隐藏在页面的对应的版块中,其余以部分显示在版块之间,即用户只能浏览到第二展示元素的一部分。并且是以一定的倾斜角度进行展示的。
以红包为例,当以红包的第二展示元素的样子进行展示时,红包向左倾斜一定角度,红包的一部分隐藏在页面的版块中,另一部分则是显示在页面中的,展示的效果即是用户可以在页面中看到红包的左上角的部分。
进一步地,在上述实施例基础上,图1所示的方法进一步包括:当监测到鼠标光标悬停在包含第二展示元素的指定区域内时,将该指定区域内的第二展示元素全部显示在页面中。
在第二展示元素进行展示时,是以一部分隐藏,另一部分显示的方式进行展示。如果用户将鼠标光标悬停在第二展示元素或者包含第二展示元素的指定区域内时,该第二展示元素全部显示出来,用户可以看到第二展示元素的全部。
在本发明的一个实施例中,图1所示的方法的步骤S130中的根据确定的展示位置在页面中以第二样式展示各第二展示元素包括:获取用户指定的第二展示元素的个性化样式,作为第二样式。
在一具体实施例中,用户可以根据需求个性化设定第二展示元素的展示样式,例如,倾斜角度的自定义设定、将系统默认的部分隐藏的样式设定为全部隐藏等。
在一具体实施例中,用户指定的第二展示元素的个性化样式可以是用户根据需求进行设定的,也可以是用户从待选的个性化样式用选择出来的。
在本发明的一个实施例中,图1所示的方法中的第一展示元素与待展示内容存在关联关系;图1所示的方法进一步包括:获取用户的用户行为数据;获取与用户行为数据匹配的待展示内容;确定待展示内容与第一展示元素和/或第二展示元素的对应关系。
在一具体实施例中,各第一展示元素与待展示内容有关联关系,例如第一展示元素中包含有表示待展示内容的信息,这样可以通过本技术方案中的第一展示元素和/或第二展示元素将待展示内容展示给用户,既实现了待展示内容向用户的展示,也极大地提升了用户浏览网页页面基础内容的体验。这里的待展示内容可以是广告等推广内容。例如,各广告主推广的红包信息。
在一具体实施例中,一个待展示内容可以对应一个或多个第一展示元素。例如,一个广告主推广的红包信息可以通过一个红包表示,也可以通过多个红包表示。
在一具体实施例中,待展示内容是根据用户行为数据确定的,例如,用户历史浏览记录中记录其经常浏览的广告内容是游戏类的,那么就获取与游戏相关的待展示内容。
进一步地,在上述实施例基础上,第一展示元素和/或第二展示元素包含对应待展示内容的关键字信息。
优选地,确定获取的待展示内容的关键字信息;根据确定的对应关系,将待展示内容的关键字信息添加在对应的第一展示元素和/或第二展示元素上。
为了让用户通过第一展示元素和/或第二展示元素可以获知该第一展示元素和/或第二展示元素对应的展示内容,本实施例中,第一展示元素和/或第二展示元素包含对应待展示内容的关键字信息。具体地方法是,获取待展示内容的关键字信息,将关键字信息添加在对应的第一展示元素和/或第二展示元素上,通过第一展示元素和/或第二展示元素上的关键字信息使用户获知该第一展示元素对应的待展示内容。在一具体实施例中,关键字信息包括但不限于是文字、图片、短视频等信息。
例如,第一展示元素是红包,对应的待展示内容是天猫双11的活动红包,那么提取关键字信息是“天猫双11”,将该关键字信息添加到对应的红包上。
在本发明的一个实施例中,图1所示的方法的步骤S130中的根据确定的展示位置在页面中以第二样式展示各第二展示元素包括:当满足预设移动条件时,确定各第二展示元素对应的新的展示位置,根据确定的新的展示位置在页面中以第二样式展示各第二展示元素。
在一具体实施例中,当第二展示元素在对应的展示位置进行展示时,如果满足预设移动条件,第二展示元素的展示位置可以变化,增加页面的展示效果的丰富性和趣味性,进一步提高用户的使用体验。例如,第二展示元素1在对应的展示位置1进行展示,当满足预设移动条件时,确定第二展示元素1的新的展示位置是展示位置2,那么就将第二展示元素1从展示位置1改变到展示位置2进行展示。
进一步地,上述的确定各第二展示元素对应的新的展示位置包括:按照预设的位置改变路径,确定各第二展示元素对应的新的展示位置;或者,监测鼠标光标的移动路径,根据鼠标光标的移动路径,确定各第二展示元素对应的新的展示位置。
在一具体实施例中,确定各第二展示元素位置改变路径,这里的位置改变路径可以是随机预设的,也可以是预先为第一展示元素配置的位置改变路径,然后将第一展示元素配置的位置改变路径作为对应的第二展示元素的位置改变路径。然后,根据位置改变路径,确定该第二展示元素的当前展示位置的下一个展示位置。
在一具体实施例中,也可以是根据用户的鼠标光标的移动路径确定,例如,按照鼠标光标的移动路径一致的方向确定各第二展示元素对应的新的展示位置;或者,按照鼠标光标的移动路径相反的方向确定各第二展示元素对应的新的展示位置。
在一具体实施例中,预设移动条件包括如下一种或多种:接收到位置移动的指令;第二展示元素的展示时长超过第三预设时长;触发了指定的页面操作行为,等。
在本发明的一个实施例中,图1所示的方法进一步包括:当第二展示元素被触发后,从展示的其他第二展示元素中选择出与该第二展示元素相匹配的第二展示元素;按照预设规则,改变选择出的第二展示元素的状态。
本技术方案中第二展示元素可以被触发,如果一个第二展示元素被触发,那么与第二展示元素匹配的其他的第二展示元素的状态会发生改变。这里与第二展示元素匹配,可以是第二展示元素对应的待展示内容的匹配或相关程度大于预设值,例如都是天猫双11的红包。或者是展示位置的匹配。
进一步地,上述的按照预设规则,改变选择出的第二展示元素的状态包括:获取新的第一展示元素,在选择出的第二展示元素对应的展示位置,展示与新的第一展示元素对应的第二展示元素。
在一具体实施例中,是将与选择出的第二展示元素进行替换,将选择出的第二展示元素替换为新一批的第二展示元素。例如,选择出的有第二展示元素3、第二展示元素4、第二展示元素5,那么在第二展示元素3的展示位置替换为第二展示元素6、第二展示元素4的展示位置替换为第二展示元素7、第二展示元素5的展示位置替换为第二展示元素8。
进一步地,上述的按照预设规则,改变选择出的第二展示元素的状态包括:重新确定选择出的各第二展示元素的展示位置。
在一具体实施例中,是打乱选择出的第二展示元素的展示位置,这样可以扰乱用户对同类第二展示元素的触发,增加页面展示的趣味性。例如,选择出的有第二展示元素1、第二展示元素2、第二展示元素3,那么在第二展示元素1的展示位置替换为第二展示元素3、第二展示元素2的展示位置替换为第二展示元素1、第二展示元素3的展示位置替换为第二展示元素2。
在本发明的一个实施例中,图1所示的方法进一步包括:当监测到第一展示元素或第二展示元素被触发时,将第一展示元素或第二展示元素对应的信息进行展示。
这里的展示可以是在页面中以弹出窗口的形式进行展示,也可以是跳转至指定页面。
例如,一个红包对应天猫一个店铺的优惠券领取信息,当该红包以红包雨形式下落时(以第一样式进行展示),如果被点击,就会跳转到天猫的该店铺对应的页面并展示优惠券领取信息;或者,当该红包的至少部分隐藏在页面的版块内时(以第二样式进行展示)时,如果被点击,也会跳转到天猫的该店铺对应的页面并展示优惠券领取信息。
图2示出了根据本发明一个实施例的页面展示装置的结构示意图。如图2所示,该页面展示装置200包括:
第一展示单元210,适于在页面中以第一样式展示第一数量个第一展示元素。
确定单元220,适于在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;第二数量小于或等于第一数量。
这里的第一展示元素与第二展示元素是对应关系。
例如,以第一样式展示100个第一展示元素,那么可以确定其中的50个第一展示元素对应的第二展示元素的展示位置,也就是说,在以第二样式展示第二展示元素时,仅展示50个。
第二展示单元230,适于根据确定的展示位置在页面中以第二样式展示各第二展示元素。
优选地,这里的第一展示元素可以是红包、气球等元素。
优选地,第一样式可以是动态的样式,如,气球作为第一展示元素,以气球上升的样式进行展示;第二样式可以是静态的样式。
以红包为例,在页面中,控制100个已拆开的红包动态地从页面的顶端下落,即第一样式是红包执行落下的动作,当满足切换条件时,确定其中50个已拆开的红包对应的未拆开的红包的展示位置,然后在确定展示位置静态的展示未拆开的红包。该例子中的展示效果是在页面中以红包雨的形式展示红包,在满足切换条件时,在固定位置静态的展示红包雨中的全部或部分红包。且,红包雨的红包和静态展示的红包的样子是不同的。
可见,通过本技术方案中,先以第一样式展示第一展示元素,然后再以第二样式展示与第一展示元素对应的第二展示元素,增加展示元素的展示多样性,提升了用户浏览网页页面内容时的体验,提高页面对用户的吸引力。
在本发明的一个实施例中,图2所示的第一展示单元210,适于在满足展示条件时,在页面中以第一样式展示第一数量个第一展示元素;展示条件包括如下的一种或多种:接收到获取展示元素的指令;页面的内容加载完成;页面展示时间达到第一预设时长;触发了指定的页面操作行为。
本实施例中指出第一展示元素的展示是否符合一定的展示时机的。并且对展示元素的展示时机进行了限定。例如,在页面中提供获取展示元素的控件,当该控件触发时,即接收到获取展示元素的指令。
这里的第一预设时长可以根据需求进行预先设定,例如,5s。这里的指定的页面操作行为也可以根据需求进行预先设定,当预先设定的页面操作行为触发时,展示第一展示元素。例如,页面操作行为可以是刷新页面,指定展示版块的触发,指定展示内容的刷新等。
在本发明的一个实施例中,图2所示的确定单元220,适于为各第二展示元素随机分配对应的展示位置;或者,获取为第一展示元素预先配置的展示位置,作为与该第一展示元素对应的第二展示元素的展示位置。
在一具体实施例中,第二展示元素的展示位置可以随机分配,也可以是预先配置,即预先为第一展示元素配置展示位置,因为第一展示元素与第二展示元素是一一对应的,那么就可以将第一展示元素对应的展示位置作为第二展示元素的展示位置。例如,预先为第一展示元素配置的展示位置是页面第二展示版块的左上角,那么第二展示元素的展示位置也可以是第二展示版块的左上角。
在本发明的一个实施例中,上述的切换条件包括如下一种或多种:接收到切换指令;第一展示元素的展示时长超过第二预设时长;第一展示元素到达对应的展示位置。
在一具体实施例中,切换可以是用户触发也可以是满足一定的条件时自动触发。例如,在页面提供展示切换控件,用户可以通过触发该控件,实现展示元素展示的切换。这里的第二预设时长也可以根据需求进行设定,例如,5s。在前述说明中,提出第一展示元素可以动态的进行展示,那么当第一展示元素执行相应的动作达到对应的展示位置时,认为是满足切换条件。例如,当以红包雨的形式展示红包时,当红包下落到对应的展示位置(随机分配或预先配置)时,确定满足切换条件。或者,当红包下落至页面底部时。
在本发明的一个实施例中,上述的第一样式包括:各第一展示元素在页面中执行预设动作。
在一具体实施例中,第一展示元素是进行动态的展示。例如,气球作为第一展示元素,以气球上升的样式进行展示。
优选地,当满足切换条件时,确定与气球对应的第二展示元素可以是气球爆炸后从中飞出若干个红包,确定该若干个红包的展示位置。
优选地,图2所示的第一展示单元210,适于在页面中以第一样式展示第一数量个第一展示元素包括:控制各第一展示元素在页面中执行预设动作,各第一展示元素的大小不同。
以红包雨为例,红包下落的过程中,设定红包有大有小,制造红包远近的效果,更加贴合“雨”的效果,增强展示效果,提高用户的使用体验。
进一步地,在上述实施例基础上,图2所示的装置进一步包括:
监测单元,适于当监测到鼠标光标悬停在包含第一展示元素的指定区域内时,控制该指定区域内的第一展示元素停止执行预设动作并悬停。
以红包雨为例,当红包以红包雨的形式进行下落时,如果用户将鼠标光标移动到其中一个红包上或者一个红包的周围指定大小区域内时,该红包就会停止下落,并且悬停在页面中,以便用户可以准确查看红包相应信息。
再进一步地,在上述实施例基础上,上述的监测单元,适于当监测到鼠标光标离开指定区域时,控制第一展示元素继续执行预设动作。
依然以红包雨为例,当用户将鼠标光标移动到其中一个红包上或者一个红包的周围指定大小区域内时,该红包就会停止下落,并且悬停在页面中;如果用户移动鼠标光标离开该红包或该红包周围的指定大小区域,该红包继续下落。
在本发明的一个实施例中,图2所示的第二展示单元230,适于以预设倾斜角度,将各第二展示元素的至少部分隐藏在页面中对应的版块内。
在一具体实施例中,当展示第二展示元素时,第二展示元素的一部分隐藏在页面的对应的版块中,其余以部分显示在版块之间,即用户只能浏览到第二展示元素的一部分。并且是以一定的倾斜角度进行展示的。
以红包为例,当以红包的第二展示元素的样子进行展示时,红包向左倾斜一定角度,红包的一部分隐藏在页面的版块中,另一部分则是显示在页面中的,展示的效果即是用户可以在页面中看到红包的左上角的部分。
进一步地,在上述实施例基础上,图2所示的第二展示单元230,适于当监测到鼠标光标悬停在包含第二展示元素的指定区域内时,将该指定区域内的第二展示元素全部显示在页面中。
在第二展示元素进行展示时,是以一部分隐藏,另一部分显示的方式进行展示。如果用户将鼠标光标悬停在第二展示元素或者包含第二展示元素的指定区域内时,该第二展示元素全部显示出来,用户可以看到第二展示元素的全部。
在本发明的一个实施例中,图2所示的第二展示单元230,适于获取用户指定的第二展示元素的个性化样式,作为第二样式。
在一具体实施例中,用户可以根据需求个性化设定第二展示元素的展示样式,例如,倾斜角度的自定义设定、将系统默认的部分隐藏的样式设定为全部隐藏等。
在一具体实施例中,用户指定的第二展示元素的个性化样式可以是用户根据需求进行设定的,也可以是用户从待选的个性化样式用选择出来的。
在本发明的一个实施例中,上述的各第一展示元素与待展示内容存在关联关系;图2所示的装置进一步包括:
获取单元,适于获取用户的用户行为数据;获取与用户行为数据匹配的待展示内容;确定待展示内容与第一展示元素和/或第二展示元素的对应关系。
在一具体实施例中,各第一展示元素与待展示内容有关联关系,例如第一展示元素中包含有表示待展示内容的信息,这样可以通过本技术方案中的第一展示元素和/或第二展示元素将待展示内容展示给用户,既实现了待展示内容向用户的展示,也极大地提升了用户浏览网页页面基础内容的体验。这里的待展示内容可以是广告等推广内容。例如,各广告主推广的红包信息。
在一具体实施例中,一个待展示内容可以对应一个或多个第一展示元素。例如,一个广告主推广的红包信息可以通过一个红包表示,也可以通过多个红包表示。
在一具体实施例中,待展示内容是根据用户行为数据确定的,例如,用户历史浏览记录中记录其经常浏览的广告内容是游戏类的,那么就获取与游戏相关的待展示内容。
进一步地,在上述实施例基础上,第一展示元素和/或第二展示元素包含对应待展示内容的关键字信息。
优选地,上述的获取单元,适于确定获取的待展示内容的关键字信息;根据确定的对应关系,将待展示内容的关键字信息添加在对应的第一展示元素和/或第二展示元素上。
为了让用户通过第一展示元素和/或第二展示元素可以获知该第一展示元素和/或第二展示元素对应的展示内容,本实施例中,第一展示元素和/或第二展示元素包含对应待展示内容的关键字信息。具体地方法是,获取待展示内容的关键字信息,将关键字信息添加在对应的第一展示元素第一展示元素和/或第二展示元素包含对应待展示内容的关键字信息。具体地方法是,上,通过第一展示元素上的关键字信息使用户获知该第一展示元素第一展示元素和/或第二展示元素包含对应待展示内容的关键字信息。具体地方法是,对应的待展示内容。在一具体实施例中,关键字信息包括但不限于是文字、图片、短视频等信息。
例如,第一展示元素是红包,对应的待展示内容是天猫双11的活动红包,那么提取关键字信息是“天猫双11”,将该关键字信息添加到对应的红包上。
在本发明的一个实施例中,图2所示的第二展示单元230,适于当满足预设移动条件时,确定各第二展示元素对应的新的展示位置,根据确定的新的展示位置在页面中以第二样式展示各第二展示元素。
在一具体实施例中,当第二展示元素在对应的展示位置进行展示时,如果满足预设移动条件,第二展示元素的展示位置可以变化,增加页面的展示效果的丰富性和趣味性,进一步提高用户的使用体验。例如,第二展示元素1在对应的展示位置1进行展示,当满足预设移动条件时,确定第二展示元素1的新的展示位置是展示位置2,那么就将第二展示元素1从展示位置1改变到展示位置2进行展示。
进一步地,上述的第二展示单元230,适于按照预设的位置改变路径,确定各第二展示元素对应的新的展示位置;或者,监测鼠标光标的移动路径,根据鼠标光标的移动路径,确定各第二展示元素对应的新的展示位置。
在一具体实施例中,确定各第二展示元素位置改变路径,这里的位置改变路径可以是随机预设的,也可以是预先为第一展示元素配置的位置改变路径,然后将第一展示元素配置的位置改变路径作为对应的第二展示元素的位置改变路径。然后,根据位置改变路径,确定该第二展示元素的当前展示位置的下一个展示位置。
在一具体实施例中,也可以是根据用户的鼠标光标的移动路径确定,例如,按照鼠标光标的移动路径一致的方向确定各第二展示元素对应的新的展示位置;或者,按照鼠标光标的移动路径相反的方向确定各第二展示元素对应的新的展示位置。
在一具体实施例中,这里的预设移动条件包括如下一种或多种:接收到位置移动的指令;第二展示元素的展示时长超过第三预设时长;触发了指定的页面操作行为,等。
在本发明的一个实施例中,图2所示的第二展示单元230,适于当第二展示元素被触发后,从展示的其他第二展示元素中选择出与该第二展示元素相匹配的第二展示元素;按照预设规则,改变选择出的第二展示元素的状态。
本技术方案中第二展示元素可以被触发,如果一个第二展示元素被触发,那么与第二展示元素匹配的其他的第二展示元素的状态会发生改变。这里与第二展示元素匹配,可以是第二展示元素对应的待展示内容的匹配或相关程度大于预设值,例如都是天猫双11的红包。或者是展示位置的匹配。
进一步地,上述的第二展示单元230,适于获取新的第一展示元素,在选择出的第二展示元素对应的展示位置,展示与新的第一展示元素对应的第二展示元素。
在一具体实施例中,是将与选择出的第二展示元素进行替换,将选择出的第二展示元素替换为新一批的第二展示元素。例如,选择出的有第二展示元素3、第二展示元素4、第二展示元素5,那么在第二展示元素3的展示位置替换为第二展示元素6、第二展示元素4的展示位置替换为第二展示元素7、第二展示元素5的展示位置替换为第二展示元素8。
进一步地,上述的第二展示单元230,适于重新确定选择出的各第二展示元素的展示位置。
在一具体实施例中,是打乱选择出的第二展示元素的展示位置,这样可以扰乱用户对同类第二展示元素的触发,增加页面展示的趣味性。例如,选择出的有第二展示元素1、第二展示元素2、第二展示元素3,那么在第二展示元素1的展示位置替换为第二展示元素3、第二展示元素2的展示位置替换为第二展示元素1、第二展示元素3的展示位置替换为第二展示元素2。
在本发明的一个实施例中,图2所示的装置进一步包括:
跳转单元,适于当监测到第一展示元素或第二展示元素被触发时,将第一展示元素或第二展示元素对应的信息进行展示。
这里的展示可以是在页面中以弹出窗口的形式进行展示,也可以是跳转至指定页面。
例如,一个红包对应天猫一个店铺的优惠券领取信息,当该红包以红包雨形式下落时(以第一样式进行展示),如果被点击,就会跳转到天猫的该店铺对应的页面并展示优惠券领取信息;或者,当该红包的至少部分隐藏在页面的版块内时(以第二样式进行展示)时,如果被点击,也会跳转到天猫的该店铺对应的页面并展示优惠券领取信息。
综上所述,根据本发明的技术方案,在页面中以第一样式展示第一数量个第一展示元素;在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;第二数量小于或等于第一数量;根据确定的展示位置在页面中以第二样式展示各第二展示元素。可见,通过本技术方案中,先以第一样式展示第一展示元素,然后再以第二样式展示与第一展示元素对应的第二展示元素,增加展示元素的展示多样性,提升了用户浏览网页页面内容时的体验,提高页面对用户的吸引力。
需要说明的是:
在此提供的算法和显示不与任何特定计算机、虚拟装置或者其它设备固有相关。各种通用装置也可以与基于在此的示教一起使用。根据上面的描述,构造这类装置所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的页面展示装置、电子设备和计算机可读存储介质中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
例如,图3示出了根据本发明一个实施例的电子设备的结构示意图。该电子设备300传统上包括处理器310和被安排成存储计算机可执行指令(程序代码)的存储器320。存储器320可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。存储器320具有存储用于执行图1所示的以及各实施例中的任何方法步骤的程序代码340的存储空间330。例如,用于程序代码的存储空间330可以包括分别用于实现上面的方法中的各种步骤的各个程序代码340。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。这些计算机程序产品包括诸如硬盘,紧致盘(CD)、存储卡或者软盘之类的程序代码载体。这样的计算机程序产品通常为例如图4所述的计算机可读存储介质400。该计算机可读存储介质400可以具有与图3的电子设备中的存储器320类似布置的存储段、存储空间等。程序代码可以例如以适当形式进行压缩。通常,存储单元存储有用于执行根据本发明的方法步骤的程序代码410,即可以由诸如310之类的处理器读取的程序代码,当这些程序代码由电子设备运行时,导致该电子设备执行上面所描述的方法中的各个步骤。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了A1、一种页面展示方法,其中,该方法包括:
在页面中以第一样式展示第一数量个第一展示元素;
在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;所述第二数量小于或等于所述第一数量;
根据确定的展示位置在页面中以第二样式展示各第二展示元素。
A2、如A1所述的方法,其中,在满足展示条件时,在页面中以第一样式展示第一数量个第一展示元素;所述展示条件包括如下的一种或多种:
接收到获取展示元素的指令;
页面的内容加载完成;
页面展示时间达到第一预设时长;
触发了指定的页面操作行为。
A3、如A1所述的方法,其中,所述确定与第二数量个第一展示元素对应的第二展示元素的展示位置包括:
为各第二展示元素随机分配对应的展示位置;
或者,获取为第一展示元素预先配置的展示位置,作为与该第一展示元素对应的第二展示元素的展示位置。
A4、如A1所述的方法,其中,所述切换条件包括如下一种或多种:
接收到切换指令;
第一展示元素的展示时长超过第二预设时长;
第一展示元素到达对应的展示位置。
A5、如A1所述的方法,其中,所述第一样式包括:
各第一展示元素在页面中执行预设动作。
A6、如A5所述的方法,其中,该方法进一步包括:
当监测到鼠标光标悬停在包含第一展示元素的指定区域内时,控制该指定区域内的第一展示元素停止执行所述预设动作并悬停。
A7、如A6所述的方法,其中,该方法进一步包括:
当监测到鼠标光标离开所述指定区域时,控制所述第一展示元素继续执行所述预设动作。
A8、如A1所述的方法,其中,所述根据确定的展示位置在页面中以第二样式展示各第二展示元素包括:
以预设倾斜角度,将各第二展示元素的至少部分隐藏在所述页面中对应的版块内。
A9、如A8所述的方法,其中,该方法进一步包括:
当监测到鼠标光标悬停在包含第二展示元素的指定区域内时,将该指定区域内的第二展示元素全部显示在页面中。
A10、如A1所述的方法,其中,所述根据确定的展示位置在页面中以第二样式展示各第二展示元素包括:
获取用户指定的第二展示元素的个性化样式,作为第二样式。
A11、如A1所述的方法,其中,该方法进一步包括:
获取用户的用户行为数据;
获取与所述用户行为数据匹配的待展示内容;
确定所述待展示内容与第一展示元素和/或第二展示元素的对应关系。
A12、如A11所述的方法,其中,第一展示元素和/或第二展示元素包含对应待展示内容的关键字信息。
A13、如A1所述的方法,其中,所述根据确定的展示位置在页面中以第二样式展示各第二展示元素包括:
当满足预设移动条件时,确定各第二展示元素对应的新的展示位置,根据确定的新的展示位置在页面中以第二样式展示各第二展示元素。
A14、如A13所述的方法,其中,所述确定各第二展示元素对应的新的展示位置包括:
按照预设的位置改变路径,确定各第二展示元素对应的新的展示位置;
或者,监测鼠标光标的移动路径,根据鼠标光标的移动路径,确定各第二展示元素对应的新的展示位置。
A15、如A1所述的方法,其中,该方法进一步包括:
当第二展示元素被触发后,从展示的其他第二展示元素中选择出与该第二展示元素相匹配的第二展示元素;
按照预设规则,改变选择出的第二展示元素的状态。
A16、如A15所述的方法,其中,所述按照预设规则,改变选择出的第二展示元素的状态包括:
获取新的第一展示元素,在选择出的第二展示元素对应的展示位置,展示与新的第一展示元素对应的第二展示元素。
A17、如A15所述的方法,其中,所述按照预设规则,改变选择出的第二展示元素的状态包括:
重新确定选择出的各第二展示元素的展示位置。
本发明还公开B18、一种页面展示装置,其中,该装置包括:
第一展示单元,适于在页面中以第一样式展示第一数量个第一展示元素;
确定单元,适于在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;所述第二数量小于或等于所述第一数量;
第二展示单元,适于根据确定的展示位置在页面中以第二样式展示各第二展示元素。
B19、如B18所述的装置,其中,所述第一展示单元,适于在满足展示条件时,在页面中以第一样式展示第一数量个第一展示元素;所述展示条件包括如下的一种或多种:
接收到获取展示元素的指令;
页面的内容加载完成;
页面展示时间达到第一预设时长;
触发了指定的页面操作行为。
B20、如B18所述的装置,其中,
所述确定单元,适于为各第二展示元素随机分配对应的展示位置;或者,获取为第一展示元素预先配置的展示位置,作为与该第一展示元素对应的第二展示元素的展示位置。
B21、如B18所述的装置,其中,所述切换条件包括如下一种或多种:
接收到切换指令;
第一展示元素的展示时长超过第二预设时长;
第一展示元素到达对应的展示位置。
B22、如B18所述的装置,其中,所述第一样式包括:
各第一展示元素在页面中执行预设动作。
B23、如B22所述的装置,其中,该装置进一步包括:
监测单元,适于当监测到鼠标光标悬停在包含第一展示元素的指定区域内时,控制该指定区域内的第一展示元素停止执行所述预设动作并悬停。
B24、如B23所述的装置,其中,
所述监测单元,适于当监测到鼠标光标离开所述指定区域时,控制所述第一展示元素继续执行所述预设动作。
B25、如B18所述的装置,其中,
所述第二展示单元,适于以预设倾斜角度,将各第二展示元素的至少部分隐藏在所述页面中对应的版块内。
B26、如B25所述的装置,其中,
所述第二展示单元,适于当监测到鼠标光标悬停在包含第二展示元素的指定区域内时,将该指定区域内的第二展示元素全部显示在页面中。
B27、如B18所述的装置,其中,
所述第二展示单元,适于获取用户指定的第二展示元素的个性化样式,作为第二样式。
B28、如B18所述的装置,其中,该装置进一步包括:
获取单元,适于获取用户的用户行为数据;获取与所述用户行为数据匹配的待展示内容;确定所述待展示内容与第一展示元素和/或第二展示元素的对应关系。
B29、如B28所述的装置,其中,
第一展示元素和/或第二展示元素包含对应待展示内容的关键字信息。
B30、如B18所述的装置,其中,
所述第二展示单元,适于当满足预设移动条件时,确定各第二展示元素对应的新的展示位置,根据确定的新的展示位置在页面中以第二样式展示各第二展示元素。
B31、如B30所述的装置,其中,
所述第二展示单元,适于按照预设的位置改变路径,确定各第二展示元素对应的新的展示位置;或者,监测鼠标光标的移动路径,根据鼠标光标的移动路径,确定各第二展示元素对应的新的展示位置。
B32、如B18所述的装置,其中,
所述第二展示单元,适于当第二展示元素被触发后,从展示的其他第二展示元素中选择出与该第二展示元素相匹配的第二展示元素;按照预设规则,改变选择出的第二展示元素的状态。
B33、如B32所述的装置,其中,
所述第二展示单元,适于获取新的第一展示元素,在选择出的第二展示元素对应的展示位置,展示与新的第一展示元素对应的第二展示元素。
B34、如B32所述的装置,其中,
所述第二展示单元,适于重新确定选择出的各第二展示元素的展示位置。
本发明还公开了C35、一种电子设备,其中,该电子设备包括:
处理器;以及,
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行根据A1~A17中任一项所述的方法。
本发明还公开了D36、一种计算机可读存储介质,其中,所述计算机可读存储介质存储一个或多个程序,所述一个或多个程序当被处理器执行时,实现A1~A17中任一项所述的方法。
Claims (10)
1.一种页面展示方法,其中,该方法包括:
在页面中以第一样式展示第一数量个第一展示元素;
在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;所述第二数量小于或等于所述第一数量;
根据确定的展示位置在页面中以第二样式展示各第二展示元素。
2.如权利要求1所述的方法,其中,在满足展示条件时,在页面中以第一样式展示第一数量个第一展示元素;所述展示条件包括如下的一种或多种:
接收到获取展示元素的指令;
页面的内容加载完成;
页面展示时间达到第一预设时长;
触发了指定的页面操作行为。
3.如权利要求1所述的方法,其中,所述确定与第二数量个第一展示元素对应的第二展示元素的展示位置包括:
为各第二展示元素随机分配对应的展示位置;
或者,获取为第一展示元素预先配置的展示位置,作为与该第一展示元素对应的第二展示元素的展示位置。
4.如权利要求1所述的方法,其中,所述切换条件包括如下一种或多种:
接收到切换指令;
第一展示元素的展示时长超过第二预设时长;
第一展示元素到达对应的展示位置。
5.如权利要求1所述的方法,其中,所述第一样式包括:
各第一展示元素在页面中执行预设动作。
6.如权利要求5所述的方法,其中,该方法进一步包括:
当监测到鼠标光标悬停在包含第一展示元素的指定区域内时,控制该指定区域内的第一展示元素停止执行所述预设动作并悬停。
7.如权利要求6所述的方法,其中,该方法进一步包括:
当监测到鼠标光标离开所述指定区域时,控制所述第一展示元素继续执行所述预设动作。
8.一种页面展示装置,其中,该装置包括:
第一展示单元,适于在页面中以第一样式展示第一数量个第一展示元素;
确定单元,适于在满足切换条件时,确定与第二数量个第一展示元素对应的第二展示元素的展示位置;所述第二数量小于或等于所述第一数量;
第二展示单元,适于根据确定的展示位置在页面中以第二样式展示各第二展示元素。
9.一种电子设备,其中,该电子设备包括:
处理器;以及,
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行根据权利要求1~7中任一项所述的方法。
10.一种计算机可读存储介质,其中,所述计算机可读存储介质存储一个或多个程序,所述一个或多个程序当被处理器执行时,实现权利要求1~7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811295586.3A CN111125576A (zh) | 2018-11-01 | 2018-11-01 | 一种页面展示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811295586.3A CN111125576A (zh) | 2018-11-01 | 2018-11-01 | 一种页面展示方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111125576A true CN111125576A (zh) | 2020-05-08 |
Family
ID=70495077
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811295586.3A Pending CN111125576A (zh) | 2018-11-01 | 2018-11-01 | 一种页面展示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111125576A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2022068778A1 (zh) * | 2020-09-30 | 2022-04-07 | 深圳市万普拉斯科技有限公司 | 一种页面切换的方法、系统、电子装置及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108009185A (zh) * | 2016-10-31 | 2018-05-08 | 阿里巴巴集团控股有限公司 | 提供页面信息的方法及装置 |
CN108335089A (zh) * | 2018-02-13 | 2018-07-27 | 成诗文 | 红包雨的发放方法、系统、装置和计算机可读存储介质 |
-
2018
- 2018-11-01 CN CN201811295586.3A patent/CN111125576A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108009185A (zh) * | 2016-10-31 | 2018-05-08 | 阿里巴巴集团控股有限公司 | 提供页面信息的方法及装置 |
CN108335089A (zh) * | 2018-02-13 | 2018-07-27 | 成诗文 | 红包雨的发放方法、系统、装置和计算机可读存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2022068778A1 (zh) * | 2020-09-30 | 2022-04-07 | 深圳市万普拉斯科技有限公司 | 一种页面切换的方法、系统、电子装置及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108009185B (zh) | 提供页面信息的方法及装置 | |
US20150304698A1 (en) | Dynamic Interactive Advertisement Insertion | |
CN107402962B (zh) | 页面显示方法和装置 | |
CN103930885A (zh) | 测量网页渲染时间 | |
US20160132611A1 (en) | System and method for providing business objecct information on web pages | |
CN111062778A (zh) | 产品浏览方法、装置、设备及存储介质 | |
US11308537B1 (en) | Providing alternative items for unavailable items | |
CN112711372B (zh) | 视障模式下的页面响应方法、计算设备及计算机存储介质 | |
JP2016212926A5 (zh) | ||
CN107577766B (zh) | 一种网页3d目标的加载方法及装置 | |
CN102981818A (zh) | 基于情境的动画库 | |
CN104346463A (zh) | 一种页面标签的加载方法、装置和浏览器客户端 | |
CN110647272A (zh) | 一种显示控制方法及装置 | |
CN111143739A (zh) | 页面跳转方法、计算设备及计算机存储介质 | |
US11614852B2 (en) | Dynamic widget display adjustment | |
EP2810232A1 (en) | Method and system for creating data-driven multimedia advertisements for dynamically targeted audience | |
CN111651669A (zh) | 信息推荐方法、装置、电子设备和计算机可读存储介质 | |
CN109726335A (zh) | 瀑布流页面展示、兴趣信息提供方法、装置、设备及介质 | |
CN111125576A (zh) | 一种页面展示方法和装置 | |
US20160154545A1 (en) | Electronic device and method for managing and displaying application icons | |
CN109325807A (zh) | 一种数据推送的方法和装置 | |
US20160321690A1 (en) | Mobile device user interface with dynamic advertising control interface area for incentivizing user viewing of advertisements | |
CN113435926A (zh) | 广告展示方法及装置、存储介质及电子装置 | |
CN114449305A (zh) | 直播间中的礼物动画播放方法及装置 | |
CN111198731A (zh) | 一种界面实现方法、装置、电子设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |