CN104156157A - 在网页中呈现功能框的方法及装置 - Google Patents
在网页中呈现功能框的方法及装置 Download PDFInfo
- Publication number
- CN104156157A CN104156157A CN201410379985.3A CN201410379985A CN104156157A CN 104156157 A CN104156157 A CN 104156157A CN 201410379985 A CN201410379985 A CN 201410379985A CN 104156157 A CN104156157 A CN 104156157A
- Authority
- CN
- China
- Prior art keywords
- functional block
- operation instruction
- webpage
- choosing
- move operation
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种在网页中呈现功能框的方法及装置。上述方法包括:接收用户对网页中功能框执行的选中和移动操作指令;响应上述选中和移动操作指令,将选中的功能框在上述移动操作指令所对应的移动轨迹上进行移动并呈现。根据本发明提供的技术方案,可以避免网页上的内容被搜索框遮挡,并且该搜索框也可以按照用户的意愿在网页中进行移动,进而在网页中有效提高了交互性。
Description
技术领域
本发明涉及通信领域,具体而言,涉及一种在网页中呈现功能框的方法及装置。
背景技术
随着网络应用的发展,可以通过浏览器所加载的网页来实现越来越多本地应用中的功能。
网页(Web page)是构成网站的基本元素,是承载各种网站应用的平台。网页存放在某一部与互联网相连的计算机(或服务器)中。网页经由URL(Uniform/Universal Resource Locator,统一资源定位符,即网址)来识别与存取,当用户在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到用户所在的计算机,然后再通过浏览器解释网页的内容,并展示在用户眼前。
网页中显示的功能框(例如,搜索框)在互联网领域的应用是很普遍的,但如下问题也随之而来:现有的搜索框在网页上的位置都已经固定且不可自由定位,例如,在某些打开的网页中,底部居中位置出现一个实时搜索框,而且还随着网页拖动移动,这样可能导致网页上的内容被搜索框遮挡,并且该搜索框也无法按照用户的意愿在网页中进行移动。
发明内容
本发明的目的,在于提供一种在网页中呈现功能框的方法及装置,以解决相关技术中搜索框在网页上的位置都已经固定且不可自由定位,可能导致网页上的内容被搜索框遮挡,并且该搜索框也无法按照用户的意愿在网页中进行移动。根据本发明的一个方面,提供了一种网页中呈现功能框的方法。
根据本发明的网页中呈现功能框的方法包括:接收用户对网页中功能框执行的选中和移动操作指令;响应所述选中和移动操作指令,将选中的功能框在所述移动操作指令所对应的移动轨迹上进行移动并呈现。
根据本发明的另一方面,提供了一种网页中呈现功能框的装置。
根据本发明的网页中呈现功能框的装置包括:接收模块,接收用户对网页中功能框执行的选中和移动操作指令;呈现模块,用于响应所述选中和移动操作指令,将选中的功能框在所述移动操作指令所对应的移动轨迹上进行移动并呈现。由于采用了上述技术方案,本发明的有益效果是:通过响应用户对网页中功能框执行的选中和移动操作指令,将选中的功能框在所述移动操作指令所对应的移动轨迹上进行移动并呈现,可以避免网页上的内容被搜索框遮挡,并且该搜索框也可以按照用户的意愿在网页中进行移动,进而在网页中有效提高了交互性。
附图说明
图1为根据本发明实施例的网页中呈现功能框的方法的流程图;
图2为根据本发明优选实施例的网页中呈现功能框的方法的流程图;
图3为根据本发明实施例的网页中呈现功能框的装置的结构框图;以及
图4为根据本发明优选实施例的网页中呈现功能框的装置的结构框图。
具体实施方式
下面通过具体的实施例子并结合附图对本发明做进一步的详细描述。
图1为根据本发明实施例的在网页中呈现功能框的方法的流程图。如图1所示,该在网页中呈现功能框的方法主要包括以下处理:
步骤S101:接收用户对网页中功能框执行的选中和移动操作指令;
步骤S103:响应上述选中和移动操作指令,将选中的功能框在上述移动操作指令所对应的移动轨迹上进行移动并呈现。
图1所示的方法中,通过响应用户对网页中功能框执行的选中和移动操作指令,在上述移动操作指令所对应的移动轨迹上实时移动上述功能框,可以避免网页上的内容被搜索框遮挡,并且该搜索框也可以按照用户的意愿在网页中进行移动,进而在网页中有效提高了交互性。
其中,网页中的功能框为置于网页中的网络应用,可为flash脚本。功能框为网页中应用所在界面中的某一元素,用于实现应用的某一功能,可以是图片、视频或声音的形式,也可以代码集合。其中,例如,功能框可以是网页上的搜索框。
上述步骤S101可以进一步包括以下处理:接收上述用户在触摸屏上对上述功能框执行的选中操作指令;以及接收上述用户在上述触摸屏上执行的触摸滑动操作指令。
根据实施过程中发生的选中操作可以获取选中的功能框。根据功能框的选中操作即可获知应用所在界面发生了拖拽操作(即移动操作),进而确定用户的拖拽操作所作用的对象是应用所在界面中哪一界面组件。
具体地,检测到用户在具有触摸屏的移动终端(上述移动终端可以为手机、数码相机、平板电脑pad等)对网页中的一个功能框执行选中操作,例如,对该功能框执行的按动操作,然后检测到该用户在网页中以触摸的方式将该功能框进行拖拽,例如,用户在触摸屏上按住该功能框并执行滑动操作。
上述步骤S101还可以进一步包括以下处理:接收上述用户通过鼠标对上述功能框执行的选中操作指令;以及接收上述用户通过鼠标对上述功能框执行的移动操作指令。
在优选实施过程中,检测到用户使用鼠标的终端(上述终端可以为台式机,笔记本等)对网页中的一个功能框执行选中操作,例如,采用鼠标对该功能框执行的按动操作,然后检测到该用户在网页中以触摸的方式将该功能框进行移动,例如,用户使用鼠标在触摸屏上按住该功能框并执行滑动操作。
上述步骤S103中,将选中的功能框在上述移动操作指令所对应的移动轨迹上进行移动并呈现可以进一步包括以下处理:在上述用户执行移动操作指令的过程中,实时获取当前移动到的位置点的坐标函数;在上述坐标函数对应的位置实时呈现上述功能框。例如,可以实时跟踪鼠标在页面上的坐标,将搜索框的位置重新定位在鼠标对应的坐标上。
在优选实施过程中,可以通过以下方式实现上述步骤(以下以鼠标操作为例进行说明):当鼠标对应的光标在移动过程中,***实时调用鼠标当前坐标函数(Xi,Yi),并将该坐标值(Xi,Yi)实时赋予功能框(例如搜索框)元素,来实现用户对搜索框的移动(也可以称为拖拽)功能。
在可选实施过程中,也可以采用如下方式实现搜索框移动(拖拽):在鼠标移动时,计算鼠标本次坐标(X+xoffset,Y+yoffset)与上次坐标(X,Y)之间的差值,即确定拖拽后坐标与拖拽前坐标的偏移值(xoffset,yoffset),并将该偏移值(xoffset,yoffset)实时赋予功能框(例如搜索框)元素,从而,使被拖拽的功能框元素的坐标(xi,yi)加上对应的同样的差值即可实现拖拽。
在执行步骤S103之后,还可以包括以下处理:接收上述用户对上述功能框执行的释放操作指令;响应上述释放操作指令,将上述功能框保留在执行上述释放操作指令时上述功能框所处的位置上。
具体的,可通过鼠标的拖拽或触摸屏幕中用户施加于界面组件的滑动输入拖拽事件实现应用所在界面中某一功能框的拖拽。拖拽事件可以是一系列连续的操作,包括对功能框执行的选中操作、移动操作以及释放操作,例如,在一搜索框的拖拽事件中,用户按下鼠标触发界面组件的选中操作,并通过鼠标的滑动进行搜索框的移动,在将搜索框拖拽至某一位置时松开鼠标释放拖拽的搜索框完成整个拖拽操作,该搜索框被保留在该位置上。
图2为根据本发明优选实施例的网页中呈现功能框的方法的流程图。如图2所示,该网页中呈现功能框的方法包括以下处理:
步骤S201:跟踪鼠标移动的位置,检测到在搜索框所在区域点击了鼠标左键,即确定对搜索框执行了选中操作。
步骤S203:检测到移动了鼠标,即确定对搜索框执行了移动操作。
步骤S205:通过读取事件参数获取鼠标当前的坐标值。
步骤S207:将鼠标的坐标值赋予搜索框元素。
步骤S209:检测到松开了鼠标,即确定对搜索框执行了释放操作。
步骤S211:将所功能框保留在执行释放操作时该功能框所处的位置上。
由此可见,搜索框将跟随拖拽事件所产生的移动轨迹在网页中移动,以产生搜索框随着鼠标或触摸屏幕中发生的移动而进行移动的视觉效果,进而提高了网页中的交互性。并且,通过将搜索框进行移动,可以避免网页上的内容被搜索框遮挡,并且该搜索框也可以按照用户的意愿在网页中进行放置,有效提高了用户体验。
图3为根据本发明实施例的网页中呈现功能框的装置的结构框图。如图3所示,该网页中呈现功能框的装置包括:接收模块30,接收用户对网页中功能框执行的选中和移动操作指令;响应模块32,用于响应上述选中和移动操作指令,将选中的功能框在上述移动操作指令所对应的移动轨迹上进行移动并呈现。
在图3所示的装置中,响应模块32,将选中的功能框在移动操作指令所对应的移动轨迹上进行移动并呈现,可以避免网页上的内容被搜索框遮挡,并且该搜索框也可以按照用户的意愿在网页中进行移动,进而在网页中有效提高了交互性。
上述接收模块30可以包括以下至少之一:第一接收单元300,用于接收上述用户在触摸屏上对上述功能框执行的选中操作指令;以及接收上述用户在上述触摸屏上执行的触摸滑动操作指令;第二接收单元302,接收上述用户通过鼠标对上述功能框执行的选中操作指令;以及接收上述用户通过鼠标对上述功能框执行的移动操作指令。图4示出了接收模块30同时包括第一接收单元300和第二接收单元302的情况。
如图4所示,上述响应模块32包括但不限于:获取单元320,用于在上述用户执行移动操作指令的过程中,实时获取当前移动到的位置点的坐标函数;呈现单元322,用于在上述坐标函数对应的位置实时呈现上述功能框。
上述接收模块30,还用于接收上述用户对上述功能框执行的释放操作指令;上述装置还可以包括:保留模块36,用于响应上述释放操作指令,将上述功能框保留在执行上述释放操作指令时上述功能框所处的位置上。
综上所述,借助本发明提供的实施例,功能框(例如,搜索框)将跟随拖拽事件所产生的移动轨迹在网页中移动,以产生搜索框随着鼠标或触摸屏幕中发生的移动而进行移动的视觉效果,进而提高了网页中的交互性。并且,通过将搜索框进行移动,可以避免网页上的内容被搜索框遮挡,并且该搜索框也可以按照用户的意愿在网页中进行放置,有效提高了用户体验。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种在网页中呈现功能框的方法,其特征在于,包括:
接收用户对网页中功能框执行的选中和移动操作指令;
响应所述选中和移动操作指令,将选中的功能框在所述移动操作指令所对应的移动轨迹上进行移动并呈现。
2.根据权利要求1所述的方法,其特征在于,接收用户对网页中功能框执行的选中和移动操作指令包括:
接收所述用户在触摸屏上对所述功能框执行的选中操作指令;以及
接收所述用户在所述触摸屏上执行的触摸滑动操作指令。
3.根据权利要求1所述的方法,其特征在于,接收用户对网页中功能框执行的选中和移动操作指令包括:
接收所述用户通过鼠标对所述功能框执行的选中操作指令;以及
接收所述用户通过鼠标对所述功能框执行的移动操作指令。
4.根据权利要求1所述的方法,其特征在于,将选中的功能框在所述移动操作指令所对应的移动轨迹上进行移动并呈现包括:
在所述用户执行移动操作指令的过程中,实时获取当前移动到的位置点的坐标函数;
在所述坐标函数对应的位置实时呈现所述功能框。
5.根据权利要求1所述的方法,其特征在于,在所述移动操作指令所对应的移动轨迹上实时呈现所述功能框之后,还包括:
接收所述用户对所述功能框执行的释放操作指令;
响应所述释放操作指令,将所述功能框保留在执行所述释放操作指令时所述功能框所处的位置上。
6.根据权利要求1至5中任一项所述的方法,其特征在于,所述功能框包括:搜索框。
7.一种在网页中呈现功能框的装置,其特征在于,包括:
接收模块,接收用户对网页中功能框执行的选中和移动操作指令;
呈现模块,用于响应所述选中和移动操作指令,将选中的功能框在所述移动操作指令所对应的移动轨迹上进行移动并呈现。
8.根据权利要求7所述的装置,其特征在于,所述接收模块包括以下至少之一:
第一接收单元,用于接收所述用户在触摸屏上对所述功能框执行的选中操作指令;以及接收所述用户在所述触摸屏上执行的触摸滑动操作指令;
第二接收单元,接收所述用户通过鼠标对所述功能框执行的选中操作指令;以及接收所述用户通过鼠标对所述功能框执行的移动操作指令。
9.根据权利要求7所述的装置,其特征在于,所述呈现模块包括:
获取单元,用于在所述用户执行移动操作指令的过程中,实时获取当前移动到的位置点的坐标函数;
呈现单元,用于在所述坐标函数对应的位置实时呈现所述功能框。
10.根据权利要求6至9中任一项所述的装置,其特征在于,
所述接收模块,还用于接收所述用户对所述功能框执行的释放操作指令;
所述装置还包括:保留模块,用于响应所述释放操作指令,将所述功能框保留在执行所述释放操作指令时所述功能框所处的位置上。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410379985.3A CN104156157A (zh) | 2014-08-04 | 2014-08-04 | 在网页中呈现功能框的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410379985.3A CN104156157A (zh) | 2014-08-04 | 2014-08-04 | 在网页中呈现功能框的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104156157A true CN104156157A (zh) | 2014-11-19 |
Family
ID=51881669
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410379985.3A Pending CN104156157A (zh) | 2014-08-04 | 2014-08-04 | 在网页中呈现功能框的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104156157A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105426086A (zh) * | 2015-12-23 | 2016-03-23 | 小米科技有限责任公司 | 页面中搜索功能框的显示处理方法及装置 |
CN108446070A (zh) * | 2018-02-26 | 2018-08-24 | 北京辰森世纪科技股份有限公司 | 一种用于浏览信息的方法及装置 |
WO2018153232A1 (zh) * | 2017-02-27 | 2018-08-30 | 腾讯科技(深圳)有限公司 | 搜索组件展示方法、电子设备和计算机非易失性存储介质 |
CN109508128A (zh) * | 2018-11-09 | 2019-03-22 | 北京微播视界科技有限公司 | 搜索控件显示方法、装置、设备及计算机可读存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020075321A1 (en) * | 2000-11-07 | 2002-06-20 | Nobuyoshi Sakatani | Information delivery system, advertisement delivery system, information delivery program, server, information delivery server, advertisement information delivery method and saver page display method |
CN1996285A (zh) * | 2006-01-06 | 2007-07-11 | 胡擘 | 一种网页浏览器网中的窗口*** |
US7712044B2 (en) * | 2001-01-20 | 2010-05-04 | Catherine Lin-Hendel | Automated scrolling of browser content and automated activation of browser links |
CN102117290A (zh) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | 一种展现网页中页面元素的方法及*** |
CN103177014A (zh) * | 2011-12-22 | 2013-06-26 | 腾讯科技(深圳)有限公司 | 网页中控制界面组件的方法及*** |
CN103399706A (zh) * | 2013-07-25 | 2013-11-20 | 北京小米科技有限责任公司 | 页面交互方法、装置及终端 |
-
2014
- 2014-08-04 CN CN201410379985.3A patent/CN104156157A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020075321A1 (en) * | 2000-11-07 | 2002-06-20 | Nobuyoshi Sakatani | Information delivery system, advertisement delivery system, information delivery program, server, information delivery server, advertisement information delivery method and saver page display method |
US7712044B2 (en) * | 2001-01-20 | 2010-05-04 | Catherine Lin-Hendel | Automated scrolling of browser content and automated activation of browser links |
CN1996285A (zh) * | 2006-01-06 | 2007-07-11 | 胡擘 | 一种网页浏览器网中的窗口*** |
CN102117290A (zh) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | 一种展现网页中页面元素的方法及*** |
CN103177014A (zh) * | 2011-12-22 | 2013-06-26 | 腾讯科技(深圳)有限公司 | 网页中控制界面组件的方法及*** |
CN103399706A (zh) * | 2013-07-25 | 2013-11-20 | 北京小米科技有限责任公司 | 页面交互方法、装置及终端 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105426086A (zh) * | 2015-12-23 | 2016-03-23 | 小米科技有限责任公司 | 页面中搜索功能框的显示处理方法及装置 |
WO2018153232A1 (zh) * | 2017-02-27 | 2018-08-30 | 腾讯科技(深圳)有限公司 | 搜索组件展示方法、电子设备和计算机非易失性存储介质 |
CN108509133A (zh) * | 2017-02-27 | 2018-09-07 | 腾讯科技(深圳)有限公司 | 搜索组件展示方法和装置 |
CN108446070A (zh) * | 2018-02-26 | 2018-08-24 | 北京辰森世纪科技股份有限公司 | 一种用于浏览信息的方法及装置 |
CN109508128A (zh) * | 2018-11-09 | 2019-03-22 | 北京微播视界科技有限公司 | 搜索控件显示方法、装置、设备及计算机可读存储介质 |
CN109508128B (zh) * | 2018-11-09 | 2021-05-18 | 北京微播视界科技有限公司 | 搜索控件显示方法、装置、设备及计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8892782B1 (en) | System for and method of translating motion-based user input between a client device and an application host computer | |
US20140289597A1 (en) | Method and device for displaying preview screen of hyperlink | |
CN110020329B (zh) | 用于生成网页的方法、装置和*** | |
EP2954692B1 (en) | Telestration system for command processing | |
US10656806B2 (en) | Display interface systems and methods | |
CN104331474A (zh) | 页面处理方法及装置 | |
CN102024064A (zh) | 快速搜索方法和移动通信终端 | |
CN104281677A (zh) | 页面的展现方法及装置 | |
CN103076980B (zh) | 搜索项显示方法和装置 | |
TW201520878A (zh) | 頁面元素的控制方法及裝置 | |
CN105867820A (zh) | 用于触摸屏的文本编辑方法和装置 | |
CN104063071A (zh) | 内容输入方法及装置 | |
CN104156157A (zh) | 在网页中呈现功能框的方法及装置 | |
US9395826B1 (en) | System for and method of translating motion-based user input between a client device and an application host computer | |
CN105302461A (zh) | 一种用于在移动应用中提供目标页面的方法与设备 | |
CN104267867A (zh) | 内容输入方法及装置 | |
CN114116098B (zh) | 应用图标管理方法、装置、电子设备及存储介质 | |
CN102799343A (zh) | 一种显示索引图标内容的方法和装置 | |
CN107153650A (zh) | 一种图片加载方法及装置 | |
CN107168630B (zh) | 一种终端设备、页面控制装置及页面控制方法 | |
US10452727B2 (en) | Method and system for dynamically providing contextually relevant news based on an article displayed on a web page | |
CN113552977A (zh) | 数据处理方法、装置、电子设备及计算机存储介质 | |
CN105824694A (zh) | 应用的资源的调整方法及装置 | |
CN104407763A (zh) | 内容输入方法及*** | |
CN105389357B (zh) | 一种用于调整界面信息块排布的方法与设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20141119 |
|
RJ01 | Rejection of invention patent application after publication |