CN109308149A - 一种控制多个对象在图形用户界面中的移动的方法 - Google Patents

Abstract

本发明公开了一种控制多个对象在图形用户界面中的移动的方法，每个对象具有预定编号，方法包括：显示N个对象、第一按钮和第二按钮，N小于所述多个对象的总数量M，所述N个对象具有顺序的编号i，i+1，…i+N‑1；如果编号i指示的对象为多个对象中的第一个对象，则将第二按钮置灰，以便提示用户第二按钮不可使用；如果编号i+N‑1指示的对象为多个对象中的最后一个对象，则将第一按钮置灰，以提示用户第一按钮不可使用；以及响应于用户对置灰的第一按钮或者第二按钮的点击，在所显示的对象上增加动画效果，以进一步提示用户多个对象不可继续移动。该方案增加了图形用户界面的互动性。

Description

一种控制多个对象在图形用户界面中的移动的方法

技术领域

本发明涉及图形用户界面技术领域，尤其涉及一种控制多个对象在图形用户界面中的移动的方法、计算设备及存储介质。

背景技术

现有的直播间礼物系统，用户看到的一般是部分礼物展示的列表界面，用户通过左右滑动或点击界面两端的滑动按钮，选择礼物，当列表中的礼物到达边界时，一般将滑动按钮置灰，提示用户礼物列表到达边界。该方式互动感不强。

因此，需要一种灵活的交互方式控制多个对象在图形用户界面中移动，提升用户的交互体验。

发明内容

为此，本发明提供了一种控制多个对象在图形用户界面中的移动的方法、计算设备及存储介质，以力图解决或者至少缓解上面存在的至少一个问题。

根据本发明的一个方面，提供了一种控制多个对象在图形用户界面中的移动的方法，其中每个对象具有预定的编号，在图形用户界面中可以显示N个对象、第一按钮和第二按钮，N小于多个对象的总数量M，这N个对象具有顺序的编号i，i+1，…i+N-1。可以响应于用户对第一按钮的点击，隐藏具有最低编号i的对象，让编号为i+1，i+2，…，i+N-1的对象分别移动到原先编号为i，i+1，…，i+N-2的对象位置，并且在原先编号为i+N-1对象的位置处显示编号为i+N的对象。可以响应于用户对第二按钮的点击，隐藏具有最低编号i+N-1的对象，让编号为i，i+1，…，i+N-2的对象分别移动到原先编号为i+1，i+2，…，i+N-1的对象位置，并且在原先编号为i的对象的位置处显示编号为i-1的对象。如果编号i指示的对象为多个对象中的第一个对象，则将第二按钮置灰，以便提示用户第二按钮不可使用，如果编号i+N-1指示的对象为多个对象中的最后一个对象，则将第一按钮置灰，以提示用户第一按钮不可使用。最后可以响应于用户对置灰的第一按钮或者第二按钮的点击，在所显示的对象上增加动画效果，以进一步提示用户多个对象不可继续移动。

该方案能够以互动的方式提示用户图形用户界面中的对象不可再移动。

可选地，在上述方法中，多个对象可以具有相同的宽度或高度，当多个对象在图形用户界面中水平显示，显示对象的数量N为图形用户界面的宽度与单个对象的宽度的比值；当多个对象在图形用户界面中竖直显示，显示对象的数量N为图形用户界面的高度与单个对象的高度的比值。

可选地，M个对象可以按顺序编号为1，2，...M，在上述方法中，可以响应于用户对第二按钮的点击，判断编号i指示的对象的编号是否为1；在编号i指示的对象的编号为1的情况下，将第二按钮置灰。

还可以响应于用户对第一按钮的点击，判断编号i+N-1指示的对象的编号是否为M；在编号i+N-1指示的对象的编号为M的情况下，将第一按钮置灰。

可选地，在上述方法中，可以在与置灰的第一按钮或置灰的第二按钮相邻的对象上增加动画效果。

可选地，在上述方法中，可以在界面中多个对象上增加动画效果。

可选地，动画效果可以是对象在任一方向上的抖动，在上述方法中，可以使用层叠样式表CSS3控制对象在任一方向上抖动，并使抖动持续预定时长。

根据本发明另一个方面，提供了一种计算设备，包括一个或多个处理器，存储器以及一个或多个程序。这一个或多个程序存储在存储器中并被配置为由一个或多个处理器执行，以便执行控制多个对象在图形用户界面中的移动的方法的指令。

根据本发明另一个方面，提供一种存储一个或多个程序的计算机可读存储介质。这里的一个或多个程序包括指令，当这些指令由计算设备执行时，使得该计算设备执行控制多个对象在图形用户界面中的移动的方法。

附图说明

为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的部件或元素。

图1示出了根据本发明的一个实施例的计算设备100的构造示意图；

图2示出了根据本发明的一个实施例的控制多个对象在图形用户界面中的移动的方法200的示意性流程图；

图3示出了根据本发明的一个实施例的图形用户界面的示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图形用户界面主要由窗口、下拉菜单、对话框及其相应的控制机制构成，用户可以使用鼠标等输入设备操纵屏幕上的图标或菜单选项，以选择命令、启动程序或执行其它一些任务。对于直播间的礼物展示界面，用户一般看到的是部分礼物的列表，由于礼物数量太多，界面中只能展示部分礼物，用户通过点击按钮来移动界面中展示的礼物，当移动到所有礼物列表中最后一个礼物时，控制礼物移动的按钮一般会置灰以提示用户礼物列表达到边界。这种将按钮置灰的交互方式在直播间场景中显得单调缺乏趣味性。本方案提供一种控制多个对象在图形用户界面中的移动的方法，通过在图形用户界面中增加动画效果提示用户的操作，提升用户体验。

图1示出了根据本发明一个实施例的计算设备100的构造示意图。在基本的配置102中，计算设备100典型地包括系统存储器106和一个或者多个处理器104。存储器总线108可以用于在处理器104和系统存储器106之间的通信。

取决于期望的配置，处理器104可以是任何类型的处理，包括但不限于：微处理器(μP)、微控制器(μC)、数字信息处理器(DSP)或者它们的任何组合。处理器104可以包括诸如一级高速缓存110和二级高速缓存112之类的一个或者多个级别的高速缓存、处理器核心114和寄存器116。示例的处理器核心114可以包括运算逻辑单元(ALU)、浮点数单元(FPU)、数字信号处理核心(DSP核心)或者它们的任何组合。示例的存储器控制器118可以与处理器104一起使用，或者在一些实现中，存储器控制器118可以是处理器104的一个内部部分。

取决于期望的配置，系统存储器106可以是任意类型的存储器，包括但不限于：易失性存储器(诸如RAM)、非易失性存储器(诸如ROM、闪存等)或者它们的任何组合。系统存储器106可以包括操作系统120、一个或者多个程序122以及程序数据124。在一些实施方式中，程序122可以布置为在操作系统上利用程序数据124进行操作。

计算设备100还可以包括有助于从各种接口设备(例如，输出设备142、外设接口144和通信设备146)到基本配置102经由总线/接口控制器130的通信的接口总线140。示例的输出设备142包括图形处理单元148和音频处理单元150。它们可以被配置为有助于经由一个或者多个A/V端口152与诸如显示器或者扬声器之类的各种外部设备进行通信。示例外设接口144可以包括串行接口控制器154和并行接口控制器156，它们可以被配置为有助于经由一个或者多个I/0端口158和诸如输入设备(例如，键盘、鼠标、笔、语音输入设备、触摸输入设备)或者其他外设(例如打印机、扫描仪等)之类的外部设备进行通信。示例的通信设备146可以包括网络控制器160，其可以被布置为便于经由一个或者多个通信端口164与一个或者多个其他计算设备162通过网络通信链路的通信。

网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载波或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块，并且可以包括任何信息递送介质。“调制数据信号”可以这样的信号，它的数据集中的一个或者多个或者它的改变可以在信号中编码信息的方式进行。作为非限制性的示例，通信介质可以包括诸如有线网络或者专线网络之类的有线介质，以及诸如声音、射频(RF)、微波、红外(IR)或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存储介质和通信介质二者。

计算设备100可以实现为服务器，例如文件服务器、数据库服务器、应用程序服务器和WEB服务器等，也可以是小尺寸便携(或者移动)电子设备的一部分，这些电子设备可以是诸如蜂窝电话、个人数字助理(PDA)、个人媒体播放器设备、无线网络浏览设备、个人头戴设备、应用专用设备、或者可以包括上面任何功能的混合设备。计算设备100还可以实现为包括桌面计算机和笔记本计算机配置的个人计算机。在一些实施例中，计算设备100可被配置为执行根据本发明的控制多个对象在图形用户界面中的移动的方法。其中，计算设备100的一个或多个程序122包括用于执行根据本发明的控制多个对象在图形用户界面中的移动的方法的指令。

图2示出了根据本发明的一个实施例的控制多个对象在图形用户界面中的移动的方法200的示意性流程图。如图2所示，在步骤S210中，可以在图形用户界面中显示N个对象、第一按钮和第二按钮，N小于多个对象的总数量M，这N个对象具有顺序的编号i，i+1，…i+N-1。

N个对象可以在界面中水平排列或竖直排列，第一按钮和第二按钮可以分别位于N个对象的两端。界面中展示对象的数量由界面的尺寸和对象的尺寸决定。根据本发明的一个实施例，多个对象可以具有相同的宽度或高度，当多个对象在图形用户界面中水平显示，显示对象的数量N为图形用户界面的宽度与单个对象的宽度的比值；当多个对象在图形用户界面中竖直显示，显示对象的数量N为图形用户界面的高度与单个对象的高度的比值。

对象的形状还可以是圆形，可以基于圆形的直径和界面的长度来统计对象的数量。这样将对象设置为同样的尺寸便于对象数量的统计，也可以使图形用户界面看起来更能美观。

随后在步骤S220中，可以响应于用户对第一按钮的点击，隐藏具有最低编号i的对象，让编号为i+1，i+2，…，i+N-1的对象分别移动到原先编号为i，i+1，…，i+N-2的对象位置，并且在原先编号为i+N-1对象的位置处显示编号为i+N的对象。

例如，当N个对象在用户界面中水平排列展示，第一按钮位于N个对象的最左端，当用户点击第一按钮，水平排列的N个对象同时向左移动，原先位于最左端的对象会隐藏，并在当前最右端的位置显示原先被隐藏的对象。

每当第一按钮被点击，都会判断编号i+N-1指示的对象是否为多个对象中的最后一个对象。在步骤S250中，如果编号i+N-1指示的对象为多个对象中的最后一个对象，则将第一按钮置灰，以提示用户第一按钮不可使用。

根据本发明的一个实施例，可以将M个对象可以按顺序编号为1，2，...M，可以响应于用户对第一按钮的点击，判断编号i+N-1指示的对象的编号是否为M；在编号i+N-1指示的对象的编号为M的情况下，将第一按钮置灰。

本方案中的M个对象在界面列表中的移动是有边界的，而不是首尾相接循环往复。例如，第一按钮位于N个对象的最左端，可以控制N个对象向左移动，每次用户点击第一按钮，都会判断当前位于最右端的对象是否是所有M个对象中排在最后的那个对象，如果是则说明对象的列表达到边界，第一按钮不可再使用。

在步骤S230中，可以响应于用户对第二按钮的点击，隐藏具有最低编号i+N-1的对象，让编号为i，i+1，…，i+N-2的对象分别移动到原先编号为i+1，i+2，…，i+N-1的对象位置，并且在原先编号为i的对象的位置处显示编号为i-1的对象。

例如，当N个对象在用户界面中水平排列展示，第二按钮位于N个对象的最右端，当用户点击第二按钮，水平排列的N个对象同时向右移动，原先位于最右端的对象会隐藏，在当前最左端的位置显示原先被隐藏的对象。

每当第二按钮被点击，都会判断编号i指示的对象是否为多个对象中的第一个对象。在步骤S240中，如果编号i指示的对象为多个对象中的第一个对象，则将第二按钮置灰，以便提示用户第二按钮不可使用。

根据本发明的一个实施例，可以将M个对象可以按顺序编号为1，2，...M，可以响应于用户对第二按钮的点击，判断编号i指示的对象的编号是否为1；在编号i指示的对象的编号为1的情况下，将第二按钮置灰。

本方案中的M个对象在界面列表中的移动是有边界的，而不是首尾相接循环往复。例如，第二按钮位于N个对象的最右端，可以控制N个对象向右移动。每次用户点击第二按钮，都会判断当前位于最左端的对象是否是所有M个对象中排在最前的那个对象，如果是则说明对象的列表达到边界，第二按钮不可再使用。

最后在步骤S260中，可以响应于用户对置灰的第一按钮或者第二按钮的点击，在所显示的对象上增加动画效果，以进一步提示用户多个对象不可继续移动。

例如，用户没有注意到对象列表已经到达边界或者出于好奇继续点击已经置灰的按钮，就可以在界面中的对象上增加动画效果，以提示用户当前界面中的对象不可再向该按钮控制对象移动的方向移动。

根据本发明的一个实施例，可以在与置灰的第一按钮或置灰的第二按钮相邻的一个对象上增加动画效果。也可以在界面中展示的多个对象上增加动画效果，还可以在界面的中间位置增加动画效果。

其中，动画是使对象从一种样式变化为另一种样式的效果。可以是在对象上叠加抖动或者使界面背景变换颜色、在界面顶层增加提示文字动画等，例如，动画效果可以是对象在任一方向上的抖动，可以使用层叠样式表CSS3控制对象在任一方向上抖动，并使抖动动画持续预定时长。

为了实现抖动效果，可以使用CSS、flash、HTML等制作，例如CSS Shake是一个使用CSS3实现的动画样式，利用它可以实现多种不同样式的抖动效果。可以首先引入css shake的样式表文件＜1ink type＝”text/css”href＝”csshake.css″>；然后给DOM元素添加shake class样式<div class＝”shake″></div>；添加抖动样式：

<div class＝″shake shake-hard″></div>

<div class＝″shake shake-slow”></div>

<div class＝″shake shake-little″></div>

<div class＝″shake shake-horizontal″></div>

<div class＝″shake shake.vertical″></div>

<div class＝″shake shake-rotate″></div>

<div class＝″shake shake-opacity″></div>

<div class＝”shake shake-crazy”></div>

另外还可以通过.freeze，.shake-constant&.hover-stop来控制状态。

图3示出了根据本发明的一个实施例的图形用户界面的示意图。如图3所示，是一个直播间礼物列表界面，界面中的礼物列表可以多行展示，每一行礼物列表的两端设置按钮，用来控制每一行中的礼物左右移动。

例如在程序设计中，可以设showing_gift_num表示界面可展示礼物的数量，total_gift_num为总的礼物的个数。canShowWidth表示界面的宽度，GIFT_ITEM_WIDTH表示礼物的宽度，giftsLength表示所有礼物的总宽度，由以下公式得出：

showing_gift_num＝canShowWidth/GIFT_ITEM_WIDTH

total_gift_num＝giftsLength/GIFT_ITEM_WIDTH

在判断礼物列表是否到达边界时，可以设targetlndex为当前移动礼物的序号，初始值为0，当用户点击左侧移动按钮，该值减1；当用户点击右侧移动按钮，该值加1。判断左侧礼物是否移动到边界的方法为：function_isLeftMoveEnable(targetlndex){return(targetlndex＞0)；}判断右侧礼物是否移动到边界的方法为：function_isRightMoveEnable(targetlndex){return(targetlndex+showing_gift_num＜total_gift_num)；}

在判断礼物列表左侧到达边界时将左侧的控制按钮置灰，在判断礼物列表右侧到达边界时将右侧的控制按钮置灰。在按钮置灰的状态下，再次接收到用户对置灰的按钮的点击操作，则可以在与置灰按钮相邻的礼物上增加动画效果。例如可以利用CSS3代码为与置灰按钮相邻的礼物增加抖动效果：

animation：giftshake 500ms cubic-bezier(0.18，0.89，0.32，1.28)；

@keyframes giftshake

{5％{transform：translateX(-1％)translateY(0％)；}

15％{transform：translateX(1％)translateY(0％)；}

25％{transform：translateX(-1％)translateY(0％)；}

35％{transform：translateX(1％)translateY(0％)；}

45％{transform：translateX(-1％)translateY(0％)；}

55％{transform：translateX(1％)translateY(0％)；}

65％{transform：translateX(-1％)translateY(0％)；}

75％{transform：translateX(1％)translateY(0％)；}

85％{transform：translateX(-1％)translateY(0％)；}

95％{transform：translateX(1％)translateY(0％)；}}

其中，用百分比来规定变化发生的时间，或用关键词″from″和″to″，等同于0％和100％，0％是动画的开始，100％是动画的完成。动画持续时长500ms，动画过程是礼物icon左右平移一定的像素，重复执行，达到左右颤抖的效果。由于直播具有很强的互动性，在用户为主播点击送礼物时，可以是礼物以动画的形式显示，进一步增加图形用户界面的互动性。

根据本方案，可以通过在图形用户界面中增加动画效果提示用户界面中的按钮不可再操作，从而增加图形用户界面的互动性。

应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中，或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

这里描述的各种技术可结合硬件或软件，或者它们的组合一起实现。从而，本发明的方法和设备，或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介，例如软盘、CD-ROM、硬盘驱动器或者其它任意机器可读的存储介质中的程序代码(即指令)的形式，其中当程序被载入诸如计算机之类的机器，并被所述机器执行时，所述机器变成实践本发明的设备。

在程序代码在可编程计算机上执行的情况下，计算设备一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件)，至少一个输入装置，和至少一个输出装置。其中，存储器被配置用于存储程序代码；处理器被配置用于根据该存储器中存储的所述程序代码中的指令，执行本发明所述的方法。

以示例而非限制的方式，计算机可读介质包括计算机存储介质和通信介质。计算机可读介质包括计算机存储介质和通信介质。计算机存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据，并且包括任何信息传递介质。以上的任一种的组合也包括在计算机可读介质的范围之内。

此外，所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此，具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外，装置实施例的在此所述的元素是如下装置的例子：该装置用于实施由为了实施该发明的目的的元素所执行的功能。

如在此所使用的那样，除非另行规定，使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例，并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。

尽管根据有限数量的实施例描述了本发明，但是受益于上面的描述，本技术领域内的技术人员明白，在由此描述的本发明的范围内，可以设想其它实施例。此外，应当注意，本说明书中使用的语言主要是为了可读性和教导的目的而选择的，而不是为了解释或者限定本发明的主题而选择的。因此，在不偏离所附权利要求书的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围，对本发明所做的公开是说明性的，而非限制性的，本发明的范围由所附权利要求书限定。

Claims (9)

1.一种控制多个对象在图形用户界面中的移动的方法，每个对象具有预定编号，所述方法包括：

显示N个对象、第一按钮和第二按钮，N小于所述多个对象的总数量M，所述N个对象具有顺序的编号i，i+1，...i+N-1；

响应于用户对第一按钮的点击，隐藏具有最低编号i的对象，让编号为i+1，i+2，...，i+N-1的对象分别移动到原先编号为i，i+1，...，i+N-2的对象位置，并且在原先编号为i+N-1对象的位置处显示编号为i+N的对象；

响应于用户对第二按钮的点击，隐藏具有最低编号i+N-1的对象，让编号为i，i+1，...，i+N-2的对象分别移动到原先编号为i+1，i+2，...，i+N-1的对象位置，并且在原先编号为i的对象的位置处显示编号为i-1的对象；

如果编号i指示的对象为多个对象中的第一个对象，则将第二按钮置灰，以便提示用户第二按钮不可使用；

如果编号i+N-1指示的对象为多个对象中的最后一个对象，则将第一按钮置灰，以提示用户第一按钮不可使用；以及

响应于用户对置灰的第一按钮或者第二按钮的点击，在所显示的对象上增加动画效果，以进一步提示用户多个对象不可继续移动。

2.如权利要求1所述的方法，其中，所述多个对象具有相同的宽度或高度，

当所述多个对象在图形用户界面中水平显示，显示对象的数量N为图形用户界面的宽度与所述对象的宽度的比值；

当所述多个对象在图形用户界面中竖直显示，显示对象的数量N为图形用户界面的高度与所述对象的高度的比值。

3.如权利要求1所述的方法，其中，M个对象按顺序编号为1，2，...M，所述如果编号i指示的对象为多个对象中的第一个对象，则将第二按钮置灰，以便提示用户第二按钮不可使用的步骤包括：

响应于用户对第二按钮的点击，判断编号i指示的对象的编号是否为1；

在编号i指示的对象的编号为1的情况下，将所述第二按钮置灰。

4.如权利要求3所述的方法，其中，所述如果编号i+N-1指示的对象为多个对象中的最后一个对象，则将第一按钮置灰，以提示用户第一按钮不可使用的步骤包括：

响应于用户对第一按钮的点击，判断编号i+N-1指示的对象的编号是否为M；

在编号i+N-1指示的对象的编号为M的情况下，将所述第一按钮置灰。

5.如权利要求1所述的方法。其中，在与置灰的第一按钮或置灰的第二按钮相邻的对象上增加动画效果。

6.如权利要求1所述的方法，其中，在所述多个对象上增加动画效果。

7.如权利要求5或6所述的方法，所述动画效果为所述对象在任一方向上的抖动，其中，所述在所显示的对象上增加动画效果的步骤包括：

使用层叠样式表CSS3控制所述对象在任一方向上抖动，并使抖动持续预定时长。

8.一种计算设备，包括：

一个或多个处理器；

存储器；

一个或多个程序，其中所述一个或多个程序存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个程序包括用于执行根据权利要求1-7所述方法中的任一方法的指令。

9.一种存储一个或多个程序的计算机可读存储介质，所述一个或多个程序包括指令，所述指令当计算设备执行时，使得所述计算设备执行根据权利要求1-7所述的方法中的任一方法。