一种网页页面部件隐现装置和方法制造方法及图纸

本发明专利技术公开了一种网页页面部件隐现装置，包括：属性修改模块，其用于在获得页面滚动请求时将页面部件的显示属性修改为隐藏，当页面停止滚动后将所述页面部件的显示属性修改为显示。本发明专利技术还公开了一种网页页面部件隐现方法。本发明专利技术的有益效果在于：①采用活动脚本技术，可以根据产品需要，方便地在已有的页面上添加页面部件而不破坏原有的页面结构；②在页面滚动的过程隐藏页面部件，避免了页面部件跳动问题，改善用户的浏览感受。③采用定时器计时，只有当页面停止滚动后才开始重新定位页面部件，不会大量浪费用户的计算机资源。

【技术实现步骤摘要】

本专利技术涉及网页控制装置和方法，特别涉及。
技术介绍
许多网页页面上都设置有页面工具条等页面部件。所述页面部件是指网页上相对比较独立的一部分，如工具条、悬浮广告等，页面部件一般可以在多个网页页面上随意插入并显示相同的表现效果，一般漂浮在页面可视部位的上、下、左、右边缘，其中集成了一个网站的最常用的交互功能，以方便用户在这个网站的任何页面上都可以快速使用这些功能。上述漂浮是指在网页上使用一定的技术手段使网页页面的某一部分固定显示在页面可视区域的指定位置，当页面翻动的时候悬浮的部件不会随页面的翻动而移动位置。现在一般的网站通常采用两种方式实现工具条和其它页面部件的悬浮功能。一种方式是采用活动脚本技术，在页面滚动之后重新计算页面部件的位置并将页面部件移动到正确的位置。这种方式制作的工具条虽然可以很方便的插入各种页面上实现悬浮效果，但是在页面翻动(比如用户滚动鼠标滚轮)的时候需要用脚本不停的重新定位页面部件的位置，造成的实际效果是页面部件在页面上快速地跳动，一方面用户感受非常难受，另一方面浏览器重新定位页面部件所进行的计算量很大，浪费了用户的很多计算机资源，造成用户的计算机响应变慢。还有一种方式是采用框架技术固定。在这种方式下，整个网站都需要采用通用的框架结构设计，每个页面都预留好页面部件的位置。这种方式虽然可以很好地避免页面跳动和cpu(中央处理器)占用的问题，但是导致整个网站所有需要显示工具条的页面都要以框架方式加以设计，无法随意地将工具条部件添加到一个页面上，制作出来的网页很单调。
技术实现思路
本专利技术的目的在于提供，使得用户在使用滚动条或鼠标翻动页面时，页面部件被隐藏。本专利技术解决其技术问题所采用的技术方案是一种网页页面部件隐现装置，包括属性修改模块，其用于在获得页面滚动请求时将页面部件的显示属性修改为隐藏，当页面停止滚动后将所述页面部件的显示属性修改为显示。进一步的，本专利技术一种网页页面部件隐现装置还包括位置计算模块，其用于在页面停止滚动后计算所述页面部件在页面上的显示位置，并将计算结果发送到所述属性修改模块；相应的，所述属性修改模块还用于根据所述位置计算模块的输出修改所述页面部件的位置属性。作为本专利技术的一个改进，本专利技术一种网页页面部件隐现装置还可以包括定时器，其用于根据所述属性修改模块的指令启动，并在定时结束后向所述属性修改模块发送结束信号；相应的，所述属性修改模块还用于在获得页面滚动请求时向所述定时器发送定时设定指令，设定所述定时器的定时时间并启动定时器，在接收到所述定时器的结束信号后查询所述页面是否停止滚动，如果已经停止滚动，则将所述页面部件的显示属性修改为显示，否则再次向所述定时器发送定时设定指令。本专利技术还提供了一种网页页面部件隐现方法，包括以下步骤(a)，属性修改模块获得页面滚动请求时将页面部件的显示属性修改为隐藏；(b)，所述属性修改模块判断页面滚动是否结束，如果已经结束，执行步骤(c)；(c)，所述属性修改模块将所述页面部件的显示属性修改为显示。进一步的，本专利技术一种网页页面部件隐现方法的步骤(c)包括步骤(c1)，所述属性修改模块向位置计算模块发送信息；(c2)，所述计算模块计算页面部件在页面上的显示位置，并将计算结果发送到所述属性修改模块；(c3)，所述属性修改模块根据所述计算模块的输出修改所述页面部件的位置属性，同时将所述页面部件的显示属性修改为显示。作为本专利技术方法的一个改进，步骤(b)进一步的包括步骤(b1)，所述属性修改模块向定时器发送定时设定指令，设定所述定时器的定时时间并启动定时器；(b2)，所述定时器开始计时，并在定时时间结束后向所述属性修改模块发送结束信号；(b3)，所述属性修改模块判断所述页面是否停止滚动，如果已经停止滚动，则执行步骤(c)，否则执行步骤(b1)。作为本专利技术方法的另一个改进，步骤(c)中，所述属性修改模块将所述页面部件的显示属性修改为渐变显示。进一步的，步骤(b)中，判断页面是否停止滚动的方法可以是所述属性修改模块判断显示模块是否被调用，如果是，则认为页面已经停止滚动，否则认为页面仍然处于滚动状态。本专利技术的有益效果在于①采用活动脚本技术，可以根据产品需要，方便地在已有的页面上添加页面部件而不破坏原有的页面结构；②在页面滚动的过程隐藏页面部件，避免了页面部件跳动问题，改善用户的浏览感受。③采用定时器计时，只有当页面停止滚动后才开始重新定位页面部件，不会大量浪费用户的计算机资源。附图说明图1是本专利技术一种网页页面部件隐现装置的结构示意图。图2是本专利技术一种网页页面部件隐现方法的流程图。具体实施例方式下面根据附图和具体实施例对本专利技术作进一步阐述。本专利技术中，网页页面上的工具条和其它页面部件都是采用活动脚本技术实现悬浮功能的。如图1所示，本专利技术一种网页页面部件隐现装置包括属性修改模块1、位置计算模块2和定时器3。其中，属性修改模块1的功能是在获得页面滚动请求时将页面部件的显示属性修改为隐藏(即将页面部件的透明度设置为100)，同时设定定时器3的定时时间并启动定时器3，在定时器3计时结束时判断页面是否已经停止滚动，如果已经停止，则通知位置计算模块2开始计算当前页面部件应当在显示区域上显示的位置，并根据位置计算模块2返回的结果修改上述页面部件的位置属性，同时将对应页面部件的显示属性修改为显示。位置计算模块2的功能是在页面停止滚动后重新定位对应页面部件在显示区域上的位置，即页面部件相对于当前网页页面的位置坐标，并将计算结果发送到属性修改模块1。定时器3的功能是根据属性修改模块1的指令启动一个特定时间的定时事件，如定时一秒或两秒。在本专利技术的较佳实施例中，属性修改模块1在用户停止滚动页面后将页面部件的显示属性修改为渐变显示，以使得页面部件的出现不太突兀。在本专利技术的其它实施例中，也可不设置定时器3。在本专利技术的其它实施例中，所述属性修改模块1的功能和位置计算模块2的功能可由一个模块来实现。如图2所示，本专利技术一种网页页面部件隐现方法包括步骤S1，用户使用滚动条或鼠标或键盘滚动翻阅网页页面，属性修改模块1获得页面滚动请求，将页面部件的显示属性修改为隐藏。S2，属性修改模块1向定时器3发送定时设定指令，设定定时器3的定时时间并启动定时器3。S3，定时器3开始计时，并在定时时间结束后向属性修改模块1发送结束信号。S4，属性修改模块1判断对应页面是否停止滚动，如果已经停止滚动，则执行步骤S5，否则执行步骤S2。上述判断对应页面是否停止滚动的方法可以是判断显示模块是否被调用，如果是，则认为页面已经停止滚动，否则认为页面仍然处于滚动状态。S5，属性修改模块1向位置计算模块2发送信息，通知位置计算模块2重新定位页面部件。S6，计算模块计算页面部件在页面上的显示位置，并将计算结果发送给属性修改模块1。S7，属性修改模块1根据所述计算模块的输出修改所述页面部件的位置属性，同时将页面部件的显示属性修改为渐变显示。在本专利技术的其它实施例中，上述步骤S5中，当属性修改模块1得知页面已经停止滚动后，可在通知位置计算模块2重新定位页面部件的同时将所述页面部件的显示属性修改为显示或渐变显示，由于位置计算模块2的计算非常迅速，用户并不会因此而感觉到页面部件在显示的瞬间出现的重定位(移动)。在本专利技术的其它实施本文档来自技高网...

【技术保护点】
一种网页页面部件隐现装置，其特征在于，包括：属性修改模块，其用于在获得页面滚动请求时将页面部件的显示属性修改为隐藏，当页面停止滚动后将所述页面部件的显示属性修改为显示。

【技术特征摘要】

【专利技术属性】
技术研发人员：林松涛，张贝楠，黄希彤，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：94[中国|深圳]