[发明专利]网络页面显示方法及装置

说明书

技术领域

本发明涉及互联网领域，具体而言，涉及一种网络页面显示方法及装置。

背景技术

在网络前端交互过程中，通常需要在一个页面同时显示多级对象，例如，在鼠标悬停在A对象上时，浮现出B对象，当鼠标悬停在B对象上时，再悬浮出C对象，使得在页面上同时显示A对象、B对象和C对象，并且只有在鼠标不在示A对象、B对象和C对象上时才会隐藏B对象和C对象。现有技术通过为各对象设置MouseOver事件和MonseOut事件来实现对象的显示和对象的隐藏，其中，MouseOver事件会在鼠标指针移动到指定的对象上时触发，例如在一张图片上设置MouseOver事件，如果你将鼠标移动到这个图片的区域内，将会触发该事件；MouseOut事件会在鼠标指针移出指定的对象时触发，例如，在一张图片上设置MouseOut事件，如果你将鼠标指针移出该图片区域，就会触发该MouseOut事件。这种通过直接在对象的事件中改变其他对象的CSS属性的方法，一方面交互过程缺乏过渡性，会出现对象在页面上瞬间隐藏、瞬间出现的现象；另一方面，这种直接用MouseOver事件和MouseOut事件会出现当鼠标移动到A对象时，B对象会出现，当鼠标移动到B对象时，B对象就会直接隐藏，实现不了三层以上对象浮动的交互。

针对相关技术中在网络页面上进行多级对象浮动交互时对象显示后瞬间隐藏的问题，目前尚未提出有效的解决方案。

发明内容

本发明的主要目的在于提供一种网络页面显示方法及装置，以解决相关技术中在网络页面上进行多级对象浮动交互时对象显示后瞬间隐藏的问题。

为了实现上述目的，根据本发明的一个方面，提供了一种网络页面显示方法。

根据本发明的网络页面显示方法包括：在目标页面上显示第一对象；检测是否接收到第一触发信号，其中，第一触发信号用于触发第一对象的事件，第一对象的事件用于在目标页面上显示第二对象；在检测出接收到第一触发信号时，在目标页面上显示第二对象，其中，第二对象和第一对象同时显示在目标页面上；检测是否接收到第二触发信号，其中，第二触发信号用于触发第二对象的事件，第二对象的事件用于在目标页面上显示第三对象，其中，第三对象、第二对象和第一对象同时显示在目标页面上；以及在检测出接收到第二触发信号时，在目标页面上同时显示第一对象、第二对象和第三对象。

进一步地，在检测出接收到第一触发信号时，在目标页面上显示第二对象之后，该方法还包括：判断第一触发信号是否消失；如果判断出第一触发信号消失，检测是否接收到第二触发信号；以及如果检测出未接收到第二触发信号，在目标页面隐藏第二对象。

进一步地，在检测出接收到第二触发信号时，在目标页面上同时显示第一对象、第二对象和第三对象之后，方法还包括：判断第二触发信号是否消失；如果判断出第二触发信号消失，检测是否接收到第三触发信号；以及如果检测出未接收到第三触发信号，在目标页面隐藏第二对象和第三对象。

进一步地，在检测出接收到第三触发信号时，该方法还包括：在目标页面上同时显示第一对象、第二对象和第三对象，或在目标页面上同时显示第四对象、第三对象和第二对象和第一对象。

进一步地，在检测出接收到第二触发信号时，在目标页面上同时显示第一对象、第二对象和第三对象之后，该方法还包括：检测是否接收到第四触发信号，其中，第四触发信号用于指示隐藏第三对象；以及如果检测出接收到第四触发信号，在目标页面隐藏第三对象。

进一步地，检测是否接收到第二触发信号包括：检测第二对象的预设区域是否接收到第二触发信号，其中，如果第二对象的预设区域接收到第二触发信号，则确定接收到第二触发信号，如果第二对象的预设区域未接收到第二触发信号，则确定未接收到第二触发信号。

为了实现上述目的，根据本发明的另一方面，提供了一种网络页面显示装置。

根据本发明的网络页面显示装置包括：第一显示单元，用于在目标页面上显示第一对象；第一检测单元，用于检测是否接收到第一触发信号，其中，第一触发信号用于触发第一对象的事件，第一对象的事件用于在目标页面上显示第二对象；第二显示单元，用于在检测出接收到第一触发信号时，在目标页面上显示第二对象，其中，第二对象和第一对象同时显示在目标页面上；第二检测单元，用于检测是否接收到第二触发信号，其中，第二触发信号用于触发第二对象的事件，第二对象的事件用于在目标页面上显示第三对象，其中，第三对象、第二对象和第一对象同时显示在目标页面上；以及第三显示单元，用于在检测出接收到第二触发信号时，在目标页面上同时显示第一对象、第二对象和第三对象。