CN106648585B - 设置网页dom元素透明度的方法及装置 - Google Patents

Abstract

本公开是关于一种设置网页DOM元素透明度的方法及装置，所述方法包括：接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，DOM元素携带标志位，标志位用于指示当前是否可以设置DOM元素的透明度，根据标志位确定是否可以对DOM元素进行透明度设置，标志位为第一标识时，将DOM元素的透明度设置为预设值，并将标志位设置为第二标识，标志位为第二标识时，继续执行页面滚动事件，页面滚动事件停止时，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。本公开可以实现减少了访问DOM元素和设置透明度的次数，降低了页面卡顿的可能性，页面滚动更加流畅，提高了用户体验。

Description

设置网页DOM元素透明度的方法及装置

技术领域

本公开涉及通信技术领域，尤其涉及一种设置网页DOM元素透明度的方法及装置。

背景技术

随着手机等移动终端的普及，在移动终端上的应用越来越多，用户使用移动终端浏览网页也越来越频繁，移动终端网页的显示形式，可以通过移动终端浏览器显示(即网页应用(Web app))，也可以内嵌在iOS系统或者安卓系统的App里(即混合模式移动应用(Hybrid APP))，网页的更新通过服务器端来完成，具备更新快的特点，随着用户使用移动终端浏览网页的频繁，对网页显示性能的要求也越来越高。

用户使用移动终端进行网页浏览时，比如打开一个页面，页面由多个文档对象模型(Document Object Model，简称：DOM)元素构成，位于该页面上的构成特殊页面的DOM元素或页面某一位置的DOM元素在页面滚动过程中需要处于半透明的状态，滚动停止时恢复原来的状态，例如浮在页面中央上部的广告页，为了不影响用户浏览，该广告页在页面滚动过程中需要处于半透明的状态。相关技术中实现上述功能的方法是：在页面的滚动事件(scroll event)被触发后，获取相应的DOM元素，将DOM元素的透明度设置为预设值，然后在滚动停止之后，将DOM元素的透明度设置回初始值。

由于访问DOM元素和设置透明度对性能的开销都是高昂的，而滚动事件在用户的一次触发中又会被周期性频繁触发，且由于移动终端硬件和软件条件的限制，以及对网速的依赖，因此会出现不同程度的页面卡顿，严重影响用户体验。

发明内容

为克服相关技术中存在的问题，本公开提供一种设置网页DOM元素透明度的方法及装置。所述技术方案如下：

根据本公开实施例的第一方面，提供一种设置网页DOM元素透明度的方法，包括：

接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；

根据所述标志位确定是否可以对所述DOM元素进行透明度设置；

所述标志位为第一标识时，将所述DOM元素的透明度设置为预设值，并将所述标志位设置为第二标识；所述标志位为所述第二标识时，继续执行所述页面滚动事件；

所述页面滚动事件停止时，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

本公开的实施例提供的技术方案可以包括以下有益效果：通过在待设置透明度的DOM元素中携带用于指示当前是否可以设置DOM元素的透明度标志位，在页面滚动事件呗触发后，通过标志位进行判断，在判断出可以进行DOM元素的透明度设置时，将DOM元素的透明度设置为预设值，并将标志位设置为第二标识，第二标识指示当前不能设置DOM元素的透明度，在判断出不能进行DOM元素的透明度设置时，不进行透明度设置，继续执行页面滚动事件，直到页面滚动停止，将DOM元素的透明度设置回初始值。通过标志位的设置，只在用户首次触发页面滚动事件时进行透明度的设置，页面滚动停止，将DOM元素的透明度恢复为原来的值，页面滚动中的周期性触发不进行DOM元素的透明度设置，从而减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，大大降低了页面卡顿的可能性，页面滚动更加流畅，提高了用户体验。

进一步地，所述将所述标志位设置为第二标识之后，还包括：

在预设时间之后，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

本公开的实施例提供的技术方案可以包括以下有益效果：由于在预设时间内，标志位一直是第二标识，不能进行透明度的设置，页面一直处于滚动中，只要页面滚动事件没有结束，以预设时间为周期，循环执行上述操作，直到页面滚动停止时，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。因此减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，大大降低了页面卡顿的可能性，提高了用户体验。相比较上述方案，可以提高页面停止滚动时DOM元素的透明度恢复回初始值的速度，用户体验更佳。

进一步地，还包括：预先设置所述DOM元素的标志位为所述第一标识。

进一步地，所述预设时间大于所述页面滚动事件的触发周期且小于所述页面滚动事件的执行时间。

进一步地，所述预设时间根据所述页面滚动事件停止时将所述DOM元素的透明度设置回初始值所需的时间设定。

可选的，本公开的设置网页DOM元素透明度的方法可通过以下示例的代码实现：

根据本公开实施例的第二方面，提供一种设置网页DOM元素透明度的装置，包括：

接收模块，被配置为接收触发页面滚动事件的指令；

获取模块，被配置为在所述接收模块接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；

第一设置模块，被配置为根据所述标志位确定是否可以对所述DOM元素进行透明度设置；

所述标志位为第一标识时，所述第一设置模块被配置为将所述DOM元素的透明度设置为预设值，并将所述标志位设置为第二标识；所述标志位为所述第二标识时，继续执行所述页面滚动事件；

所述页面滚动事件停止时，所述第一设置模块被配置为将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

本公开的实施例提供的装置可以包括以下有益效果：通过在待设置透明度的DOM元素中携带用于指示当前是否可以设置DOM元素的透明度标志位，在页面滚动事件呗触发后，通过标志位进行判断，在判断出可以进行DOM元素的透明度设置时，将DOM元素的透明度设置为预设值，并将标志位设置为第二标识，第二标识指示当前不能设置DOM元素的透明度，在判断出不能进行DOM元素的透明度设置时，不进行透明度设置，继续执行页面滚动事件，直到页面滚动停止，将DOM元素的透明度设置回初始值。通过标志位的设置，只在用户首次触发页面滚动事件时进行透明度的设置，页面滚动停止，将DOM元素的透明度恢复为原来的值，页面滚动中的周期性触发不进行DOM元素的透明度设置，从而减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，大大降低了页面卡顿的可能性，页面滚动更加流畅，提高了用户体验。

进一步地，还包括：

第二设置模块，被配置为在所述第一设置模块将所述标志位设置为第二标识之后的预设时间之后，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

本公开的实施例提供的装置可以包括以下有益效果：由于在预设时间内，标志位一直是第二标识，不能进行透明度的设置，页面一直处于滚动中，只要页面滚动事件没有结束，以预设时间为周期，循环执行上述操作，直到页面滚动停止时，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。因此减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，大大降低了页面卡顿的可能性，提高了用户体验。相比较上述方案，可以提高页面停止滚动时DOM元素的透明度恢复回初始值的速度，用户体验更佳。

进一步地，还包括：第三设置模块，被配置为预先设置所述DOM元素的标志位为所述第一标识。

进一步地，所述预设时间大于所述页面滚动事件的触发周期且小于所述页面滚动事件的执行时间。

进一步地，所述预设时间根据所述页面滚动事件停止时将所述DOM元素的透明度设置回初始值所需的时间设定。

根据本公开实施例的第三方面，提供一种设置网页DOM元素透明度的装置，包括：

处理器；

用于存储所述处理器的可执行指令的存储器；

其中，所述处理器被配置为：

接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；

根据所述标志位确定是否可以对所述DOM元素进行透明度设置；

所述标志位为第一标识时，将所述DOM元素的透明度设置为预设值，并将所述标志位设置为第二标识；所述标志位为所述第二标识时，继续执行所述页面滚动事件；

所述页面滚动事件停止时，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种设置网页DOM元素透明度的方法的流程图。

图2为根据另一示例性实施例示出的一种设置网页DOM元素透明度的方法的流程图。

图3是根据一示例性实施例示出的一种设置网页DOM元素透明度的装置的框图。

图4是根据另一示例性实施例示出的一种设置网页DOM元素透明度的装置的框图。

图5是根据另一示例性实施例示出的一种设置网页DOM元素透明度的装置的框图。

图6是根据一示例性实施例示出的一种设置网页DOM元素透明度的装置的框图。

通过上述附图，已示出本公开明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围，而是通过参考特定实施例为本领域技术人员说明本公开的概念。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种设置网页DOM元素透明度的方法的流程图，本实施例以该设置网页DOM元素透明度的方法应用于移动终端中来举例说明。该设置网页DOM元素透明度的方法可以包括如下步骤。

在步骤S11中，接收到触发页面滚动事件的指令后，获取待设置透明度的DOM元素，DOM元素携带标志位，标志位用于指示当前是否可以设置DOM元素的透明度。

具体来说，触发页面滚动事件的指令可以是用户触发的指令，也可以是用户首次触发之后，周期性触发页面滚动事件的指令。对于移动终端而言，一次完整的页面滚动事件是从用户手指滑动触摸屏幕开始到手指离开触摸屏幕结束，在用户手指滑动触摸屏幕(即用户触发页面滚动事件)之后，移动终端根据预设的触发周期自身周期性发送触发页面滚动事件的指令。

其中，页面由多个DOM元素构成，所有的DOM元素的透明度的初始值都是相同的，也就是页面最初呈现的状态，待设置透明度的DOM元素是在页面滑动过程中需要处于特殊状态如半透明状态的DOM元素，该特殊状态也可以是全透明状态或其它，可以是一个DOM元素，也可以是多个DOM元素的组合，待设置透明度的DOM元素是系统预先设置好的，在预先设置哪些是需要改变透明度的DOM元素的同时，设置待设置透明度的DOM元素的标志位为第一标识，第一标识指示当前可以设置DOM元素的透明度。

在步骤S12中，根据标志位确定是否可以对DOM元素进行透明度设置。

在步骤S13中，标志位为第一标识时，将DOM元素的透明度设置为预设值，并将标志位设置为第二标识。

在步骤S14中，标志位为第二标识时，继续执行页面滚动事件。

在步骤S15中，页面滚动事件停止时，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。

具体地，获取到待设置透明度的DOM元素之后，根据DOM元素携带的标志位判断是否可以对DOM元素进行透明度设置，若是，则将DOM元素的透明度设置为预设值，预设值如为0.1，并将标志位设置为第二标识，第二标识指示当前不能设置DOM元素的透明度。若否，则不进行透明度设置，继续执行页面滚动事件。直到页面滚动停止，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。通过标志位的设置，只在用户首次触发页面滚动事件时进行透明度的设置，页面滚动停止，将DOM元素的透明度恢复为原来的值，页面滚动中的周期性触发不进行DOM元素的透明度设置，从而减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，避免了页面卡顿，页面滚动更加流畅，提高了用户体验。

综上，本实施例提供的设置网页DOM元素透明度的方法，通过在待设置透明度的DOM元素中携带用于指示当前是否可以设置DOM元素的透明度标志位，在页面滚动事件呗触发后，通过标志位进行判断，在判断出可以进行DOM元素的透明度设置时，将DOM元素的透明度设置为预设值，并将标志位设置为第二标识，第二标识指示当前不能设置DOM元素的透明度，在判断出不能进行DOM元素的透明度设置时，不进行透明度设置，继续执行页面滚动事件，直到页面滚动停止，将DOM元素的透明度设置回初始值。通过标志位的设置，只在用户首次触发页面滚动事件时进行透明度的设置，页面滚动停止，将DOM元素的透明度恢复为原来的值，页面滚动中的周期性触发不进行DOM元素的透明度设置，从而减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，大大降低了页面卡顿的可能性，页面滚动更加流畅，提高了用户体验。

进一步地，在S13之后，还包括：在预设时间之后，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。以便下次页面滚动事件被触发时，可以再次进行DOM元素的透明度设置。其中的预设时间大于页面滚动事件的触发周期且小于页面滚动事件的执行时间。为了提高页面停止滚动时DOM元素的透明度恢复回初始值的速度，预设时间根据页面滚动事件停止时将DOM元素的透明度设置回初始值所需的时间设定。预设时间例如为200ms，即就是200ms执行一次DOM元素的透明度设置。预设时间可以是经验统计值。

由于在预设时间内，标志位一直是第二标识，不能进行透明度的设置，页面一直处于滚动中，只要页面滚动事件没有结束，以预设时间为周期，循环执行上述操作，直到页面滚动停止时，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。因此减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，大大降低了页面卡顿的可能性，提高了用户体验。相比较上述方案，可以提高页面停止滚动时DOM元素的透明度恢复回初始值的速度，用户体验更佳。

下面以一个具体的实施例详细说明图1所示的技术方案。

图2为根据另一示例性实施例示出的一种设置网页DOM元素透明度的方法的流程图，同样地，本实施例以该设置网页DOM元素透明度的方法应用于移动终端中来举例说明。该设置网页DOM元素透明度的方法可以包括如下步骤。

在步骤S21中，设置待设置透明度的DOM元素的标志位为第一标识，第一标识指示当前可以设置DOM元素的透明度。

其中，标志位例如为canSetProperty，第一标识例如为true，第二标识例如为false。

在步骤S22中，接收到触发页面滚动事件的指令后，获取待设置透明度的DOM元素，DOM元素携带标志位。

在步骤S23中，根据标志位确定是否可以对DOM元素进行透明度设置。若标志位为第一标识，则执行S24，若标志位为第二标识，则执行S26。

在步骤S24中，将DOM元素的透明度设置为预设值，并将标志位设置为第二标识。

在步骤S25中，在预设时间之后，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。

在步骤S26中，不进行透明度设置，继续执行页面滚动事件。

接着判断页面滚动事件是否停止，若没有停止，则在接收到触发页面滚动事件的指令时，返回执行上述S22-S26操作。若停止，则执行S27。

在步骤S27中，页面滚动事件停止时，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。

综上，本实施例提供的设置网页DOM元素透明度的方法，通过在待设置透明度的DOM元素中携带用于指示当前是否可以设置DOM元素的透明度标志位，由于在预设时间内，标志位一直是第二标识，不能进行透明度的设置，页面一直处于滚动中，只要页面滚动事件没有结束，以预设时间为周期执行DOM元素的透明度设置，直到页面滚动停止时，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。因此减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，大大降低了页面卡顿的可能性，页面滚动更加流畅，还可以提高页面停止滚动时DOM元素的透明度恢复回初始值的速度，用户体验更佳。

可选的，本公开的设置网页DOM元素透明度的方法可通过以下示例的代码实现：

上述代码只是一个示例，本公开不以此为限。

下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。

图3是根据一示例性实施例示出的一种设置网页DOM元素透明度的装置的框图。该设置网页DOM元素透明度的装置可以通过软件、硬件或者两者的结合实现成为移动终端的部分或者全部。参照图3，该装置包括：接收模块11、获取模块12和第一设置模块13。

接收模块11被配置为接收触发页面滚动事件的指令；

获取模块12被配置为在所述接收模块接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；

第一设置模块13被配置为根据所述标志位确定是否可以对所述DOM元素进行透明度设置；

所述标志位为第一标识时，所述第一设置模块被配置为将所述DOM元素的透明度设置为预设值，并将所述标志位设置为第二标识；所述标志位为所述第二标识时，继续执行所述页面滚动事件；

所述页面滚动事件停止时，所述第一设置模块被配置为将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

综上所述，本实施例提供的装置，通过在待设置透明度的DOM元素中携带用于指示当前是否可以设置DOM元素的透明度标志位，在页面滚动事件呗触发后，通过标志位进行判断，在判断出可以进行DOM元素的透明度设置时，将DOM元素的透明度设置为预设值，并将标志位设置为第二标识，第二标识指示当前不能设置DOM元素的透明度，在判断出不能进行DOM元素的透明度设置时，不进行透明度设置，继续执行页面滚动事件，直到页面滚动停止，将DOM元素的透明度设置回初始值。通过标志位的设置，只在用户首次触发页面滚动事件时进行透明度的设置，页面滚动停止，将DOM元素的透明度恢复为原来的值，页面滚动中的周期性触发不进行DOM元素的透明度设置，从而减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，大大降低了页面卡顿的可能性，页面滚动更加流畅，提高了用户体验。

图4是根据另一示例性实施例示出的一种设置网页DOM元素透明度的装置的框图。如图4所示，本实施例在图3所示装置的基础上，进一步地，还包括：第二设置模块14，,第二设置模块14被配置为在所述第一设置模块将所述标志位设置为第二标识之后的预设时间之后，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

在本实施例中，预设时间大于所述页面滚动事件的触发周期且小于所述页面滚动事件的执行时间。为了提高页面停止滚动时DOM元素的透明度恢复回初始值的速度，预设时间根据所述页面滚动事件停止时将所述DOM元素的透明度设置回初始值所需的时间设定。

综上所述，本实施例提供的装置，由于在预设时间内，标志位一直是第二标识，不能进行透明度的设置，页面一直处于滚动中，只要页面滚动事件没有结束，以预设时间为周期，循环执行上述操作，直到页面滚动停止时，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。因此减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，大大降低了页面卡顿的可能性，提高了用户体验。相比较上述方案，可以提高页面停止滚动时DOM元素的透明度恢复回初始值的速度，用户体验更佳。

图5是根据另一示例性实施例示出的一种设置网页DOM元素透明度的装置的框图。如图5所示，本实施例在图3或图4所示装置的基础上，进一步地，还包括：第三设置模块15，第三设置模块15被配置为预先设置所述DOM元素的标志位为所述第一标识。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图6是根据一示例性实施例示出的一种设置网页DOM元素透明度的装置的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图6，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在装置800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件806为装置800的各种组件提供电力。电源组件806可以包括电源管理系统，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当装置800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到装置800的打开/关闭状态，组件的相对定位，例如所述组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器820执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当所述存储介质中的指令由装置800的处理器执行时，使得装置800能够执行一种设置网页DOM元素透明度的方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求书指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求书来限制。

Claims (7)

1.一种设置网页DOM元素透明度的方法，其特征在于，包括：

接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；

根据所述标志位确定是否可以对所述DOM元素进行透明度设置；

所述标志位为第一标识时，将所述DOM元素的透明度设置为预设值，并将所述标志位设置为第二标识；所述标志位为所述第二标识时，继续执行所述页面滚动事件；所述第一标识是在预先设置需要改变透明度的DOM元素时，对待设置透明度的DOM元素的所述标志位进行设置得到的；

所述将所述标志位设置为第二标识之后，还包括：

在预设时间之后，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识，所述预设时间大于所述页面滚动事件的触发周期且小于所述页面滚动事件的执行时间；

所述页面滚动事件停止时，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

2.根据权利要求1所述的方法，其特征在于，还包括：

预先设置所述DOM元素的标志位为所述第一标识。

3.根据权利要求1所述的方法，其特征在于，所述预设时间根据所述页面滚动事件停止时将所述DOM元素的透明度设置回初始值所需的时间设定。

4.一种设置网页DOM元素透明度的装置，其特征在于，包括：

接收模块，被配置为接收触发页面滚动事件的指令；

获取模块，被配置为在所述接收模块接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；

第一设置模块，被配置为根据所述标志位确定是否可以对所述DOM元素进行透明度设置；

所述标志位为第一标识时，所述第一设置模块被配置为将所述DOM元素的透明度设置为预设值，并将所述标志位设置为第二标识；所述标志位为所述第二标识时，继续执行所述页面滚动事件；所述第一标识是在预先设置需要改变透明度的DOM元素时，对待设置透明度的DOM元素的所述标志位进行设置得到的；

第二设置模块，被配置为在所述第一设置模块将所述标志位设置为第二标识之后的预设时间之后，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识，所述预设时间大于所述页面滚动事件的触发周期且小于所述页面滚动事件的执行时间；

所述页面滚动事件停止时，所述第一设置模块被配置为将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

5.根据权利要求4所述的装置，其特征在于，还包括：

第三设置模块，被配置为预先设置所述DOM元素的标志位为所述第一标识。

6.根据权利要求4所述的装置，其特征在于，所述预设时间根据所述页面滚动事件停止时将所述DOM元素的透明度设置回初始值所需的时间设定。

7.一种设置网页DOM元素透明度的装置，其特征在于，包括：

处理器；

用于存储所述处理器的可执行指令的存储器；

其中，所述处理器被配置为：

接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；

根据所述标志位确定是否可以对所述DOM元素进行透明度设置；

所述标志位为第一标识时，将所述DOM元素的透明度设置为预设值，并将所述标志位设置为第二标识；所述标志位为所述第二标识时，继续执行所述页面滚动事件；所述第一标识是在预先设置需要改变透明度的DOM元素时，对待设置透明度的DOM元素的所述标志位进行设置得到的；

所述将所述标志位设置为第二标识之后，还包括：

在预设时间之后，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识，所述预设时间大于所述页面滚动事件的触发周期且小于所述页面滚动事件的执行时间；

所述页面滚动事件停止时，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

Images