一种网页内容的点击显示方法及装置制造方法及图纸

技术编号:10478911 阅读:160 留言:0更新日期:2014-09-25 16:55
本发明专利技术实施例公开了一种网页内容的点击显示方法及装置,其中,所述方法包括:接收对网页内容的点击事件;确定点击事件对应的点击对象,查找并复制所述点击对象所对应的内容数据,所述复制得到的复制内容数据包括数字、文本以及图片中的任一种或多种;通过设置在网页中显示所述复制内容数据的显示调整属性,控制在网页中显示所述复制内容数据;其中,设置显示调整属性包括设置CSS中的不透明度opacity属性和/或字体font属性。采用本发明专利技术,可以实现按钮等网页页面对象的渐变动画显示,能够在用户点击了网页页面上的按钮等对象后,较为明显地向用户反馈当前用户的点击有效。

【技术实现步骤摘要】
一种网页内容的点击显示方法及装置
本专利技术涉及网页内容显示
,尤其涉及一种网页内容的点击显示方法及装 置。
技术介绍
目前常用的WAP (Wireless Application Protocol,无线应用协议)是一项全球 性的网络通信协议,用户可以借助无线手持设备,如智能手机,平板电脑等智能移动设备, 通过WAP获取信息。例如,可以通过在智能手机中安装微型浏览器,借助WAP接入互联网 Internet,获取互联网资源。 目前,在WAP类门户网站的页面上,用户在点击一个页面上的按钮、或者页面上的 链接、或者页面上的图片等对象时,智能移动设备一般能够通过振动的方式来向用户反馈 用户当前的点击已成功。专利技术人在实施现有技术时发现,采用振动的现有技术比较费电,如 果用户关掉点击振动功能,用户可能并不知道其当前的点击是否有效,有可能会使用户出 现多次点击产生不必要的误操作。
技术实现思路
本专利技术实施例所要解决的技术问题在于,提供一种网页内容的点击显示方法及装 置,可以在点击事件发生后通过渐变的动画显示的方式反馈用户当前点击有效。 为了解决上述技术问题,本专利技术实施例提供了一种网页内容的点击显示方法,包 括: 接收对网页内容的点击事件; 确定点击事件对应的点击对象,查找并复制所述点击对象所对应的内容数据,所 述复制得到的复制内容数据包括数字、文本以及图片中的任一种或多种; 通过设置在网页中显示所述复制内容数据的显示调整属性,控制在网页中显示所 述复制内容数据; 其中,设置显示调整属性包括设置CSS中的不透明度opacity属性和/或字体 font属性。 相应地,本专利技术实施例还提供了一种网页内容的点击显示装置,包括: 事件检测模块,用于接收对网页内容的点击事件; 内容复制模块,用于确定点击事件对应的点击对象,查找并复制所述点击对象所 对应的内容数据,所述复制得到的复制内容数据包括数字、文本以及图片中的任一种或多 种; 渐变显示模块,用于通过设置在网页中显示所述复制内容数据的显示调整属性, 控制在网页中显示所述复制内容数据; 其中,设置显示调整属性包括设置CSS中的不透明度opacity属性和/或字体 font属性。 本专利技术实施例在接收到用户的点击事件后,能够复制相应的内容数据,并通过修 改包括不透明度和/或字体属性的显示调整属性的方式,来控制复制的内容数据在网页上 显示,实现了复制内容数据的渐变显示,使得向用户的点击反馈较为明显,避免了可能产生 的多次重复操作的产生。 【附图说明】 为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现 有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本 专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以 根据这些附图获得其他的附图。 图1是本专利技术实施例的一种网页内容的点击显示方法的流程示意图; 图2是本专利技术实施例的另一种网页内容的点击显示方法的流程示意图; 图3是本专利技术实施例的一种网页内容的点击显示装置的结构示意图; 图4是图3中的渐变显示模块的其中一种具体结构示意图; 图5是图3中的内容复制模块的其中一种具体结构示意图。 【具体实施方式】 下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完 整地描述,显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全部的实施例。基于 本专利技术中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他 实施例,都属于本专利技术保护的范围。 图1是本专利技术实施例的一种网页内容的点击显示方法的流程示意图,本专利技术实施 例的所述方法可应用于各类网页中,可以在网页上的文字、数字以及图片等内容被点击后, 动画显示对应的内容。具体的,本专利技术实施例的所述方法包括: S101 :接收对网页内容的点击事件。 具体可以为用户在智能手机、平板电脑等带触控屏幕的设备上的点击操作。 S102 :确定点击事件对应的点击对象,查找并复制所述点击对象所对应的内容数 据,所述内容数据包括数字、文本以及图片中的任一种或多种。 具体的,可以基于DOM (Document Object Model,文档对象模型)树查找并复制所 述点击对象所对应的内容数据。D0M是一种与浏览器、平台、语言无关的接口,使得你可以访 问页面其他的标准组件。D0M是以层次结构组织的节点或信息片断的集合,这个层次结构允 许开发人员在树中导航查找页面的特定信息。 根据用户的点击操作的位置坐标可以确定用户当前在页面上点击的对象,该点击 操作的点击对象可以是页面上的一个按钮对象,当用户点击了该按钮后,再基于D0M树找 到相应节点中该按钮对应的内容数据,并复制该内容数据。 S103 :通过设置在网页中显示所述复制内容数据的的显示调整属性控制显示所述 复制内容数据; 其中,设置显示调整属性包括设置CSS中的不透明度opacity属性和/或字体 font属性。CSS (Cascading Style Sheet,级联样式表),通常又称为风格样式表,它是 用来进行网页风格设计的,在css中用于控制文字、数字以及图片等页面内容显示的相关 属性包括:CSS背景、CSS文本、CSS字体、CSS轮廓、CSS框模型等等。本专利技术实施例通过对 这些属性的调整,实现复制内容数据在页面上的渐变显示。 需要说明的是,在S103中显示复制内容数据后,即执行现有的点击事件响应操 作。执行点击事件响应操作具体可以通过现有的各种方式实现,在此不赘述。 具体可以根据预置的不透明度值设置不透明度opacity属性,例如设置10%、50% 至90%的不透明度,通过设置不同的不透明度,可以产生复制的文字、数字以及图片等内容 逐渐消失的动画。而字体font属性则可以包括文字的字体、大小、粗细等属性,通过预置 的字体值、多个大小值以及粗细值设置字体font属性,例如设置宋体,大小为12px、14px、 18px等,通过设置字体属性,可以产生字体内容逐渐变大后消失的动画。具体的,可以同时 设置不透明度和字体,从而使得复制的文字、数字图片等内容逐渐变大,变更为透明,直至 消失的动画。能够较好地反馈给用户其当前点击已成功。 当然,还可以通过修改其他的CSS中的显示调整属性来控制复制的文字、数字以 及图片等内容的渐变动画。例如,CSS的背景background属性等,实现复制的文字、数字以 及图片等内容的背景渐变的动画。 其中,当复制内容数据为文字,设置CSS中的显示调整属性中的字体font属性之 前,还可以先检测复制内容数据为文字时的文字字体,并调整CSS中的显示调整属性中的 字体font属性中的字体属性font style为检测得到的文字字体。 在WAP等类型的网页上一般包括大量的文字、数字以及照片,还有携带文字、数字 以及图片的超链接、按钮等内容,本专利技术实施例能够在用户点击到这些内容后,对这些内容 对应的内容数据复制后渐变显示给用户。 本专利技术实施例在接收到用户的点击事件后,能本文档来自技高网...

【技术保护点】
一种网页内容的点击显示方法,其特征在于,包括:接收对网页内容的点击事件;确定点击事件对应的点击对象,查找并复制所述点击对象所对应的内容数据,所述复制得到的复制内容数据包括数字、文本以及图片中的任一种或多种;通过设置在网页中显示所述复制内容数据的显示调整属性,控制在网页中显示所述复制内容数据;其中,设置显示调整属性包括设置CSS中的不透明度opacity属性和/或字体font属性。

【技术特征摘要】
1. 一种网页内容的点击显示方法,其特征在于,包括: 接收对网页内容的点击事件; 确定点击事件对应的点击对象,查找并复制所述点击对象所对应的内容数据,所述复 制得到的复制内容数据包括数字、文本以及图片中的任一种或多种; 通过设置在网页中显示所述复制内容数据的显示调整属性,控制在网页中显示所述复 制内容数据; 其中,设置显示调整属性包括设置CSS中的不透明度opacity属性和/或字体font属 性。2. 如权利要求1所述的方法,其特征在于,所述通过设置在网页中显示所述复制内容 数据的显示调整属性,控制在网页中显示所述复制内容数据,包括 : 在发生所述点击事件的位置显示所述复制内容数据; 根据预设的用于实现渐变显示的至少两个不透明度值和/或至少两个字体大小值,设 置在网页中显示所述复制内容数据的显示调整属性; 根据设置的显示调整属性,控制显示的所述复制内容数据的不透明度和/或字体大 小,以在网页中渐变显示所述复制的内容数据。3. 如权利要求2所述的方法,其特征在于,所述通过设置在网页中显示所述复制内容 数据的显示调整属性,控制在网页中显示所述复制内容数据,还包括: 判断所述复制内容数据的显示是否结束; 若结束,删除所述复制内容数据; 其中,判断所述渐变显示层显示所述复制的内容数据是否结束包括:判断显示所述复 制内容数据的透明度是否达到最低值或判断显示所述复制内容数据的字体大小值是否达 到最大值。4. 如权利要求1-3任一项所述的方法,其特征在于,所述确定点击事件对应的点击对 象,查找并复制所述点击对象所对应的内容数据,包括: 确定点击事件对应的点击对象; 判断所述点击事件对应的点击对象是否为按钮对象; 若是,则基于D0M树查找并复制所述点击对象所对应的内容数据。5. 如权利要求4所述的方法,其特征在于,还包括: 当所述内容数据包括数字时,改变所述数字的数值。6. -种网页内容的点击显...

【专利技术属性】
技术研发人员:王莹莹张晶叶军尚世朝杨涛成媛
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1