【技术实现步骤摘要】
本申请涉及页面设计领域,尤其涉及浮层的展开方法和装置。
技术介绍
当前,在页面设计中经常采用鼠标悬停(Hover)展开浮层的方式作为页面与用户进行交互的一种方式,当页面中采用了该方式时,由用户通过鼠标控制显示在页面中的光标的移动,当光标悬停在目标对象上时,展开一个临时浮层窗口,该临时浮层窗口简称为浮层。由于浮层会遮挡掉页面上部分区域的内容信息,若浮层将用户即将要浏览的内容遮挡了,此时需要移动鼠标,直到该浮层消失,用户才能浏览到被遮挡区域的内容。
技术实现思路
本申请实施例提供了浮层的展开方法和装置,能够避免浮层遮挡用户即将要浏览的内容。一方面,提供了一种浮层的展开方法,所述方法包括:记录页面中显示的光标的坐标值,所述光标在所述页面中的移动由鼠标控制;或者,记录触头在触摸屏上的触点的坐标值;当所述光标移动到目标对象的边界区域时,根据所述光标的坐标值的变化,确定所述光标移动的路径方向;或者,当所述触点移动到目标对象的边界区域时,根据所述触点的坐标值的变化,确定所述触点移动的路径方向;根据所述光标移动的路径方向,或者,根据所述触点移动的路径方向,确定浮层的 ...
【技术保护点】
一种浮层的展开方法,其特征在于,所述方法包括:记录页面中显示的光标的坐标值,所述光标在所述页面中的移动由鼠标控制;或者,记录触头在触摸屏上的触点的坐标值;当所述光标移动到目标对象的边界区域时,根据所述光标的坐标值的变化,确定所述光标移动的路径方向;或者,当所述触点移动到目标对象的边界区域时,根据所述触点的坐标值的变化,确定所述触点移动的路径方向;根据所述光标移动的路径方向,或者,根据所述触点移动的路径方向,确定浮层的展开方向;当所述光标悬停在所述目标对象上时,或者,当所述触点停留在所述目标对象上时,以所述展开方向将所述浮层展开。
【技术特征摘要】
1.一种浮层的展开方法,其特征在于,所述方法包括:记录页面中显示的光标的坐标值,所述光标在所述页面中的移动由鼠标控制;或者,记录触头在触摸屏上的触点的坐标值;当所述光标移动到目标对象的边界区域时,根据所述光标的坐标值的变化,确定所述光标移动的路径方向;或者,当所述触点移动到目标对象的边界区域时,根据所述触点的坐标值的变化,确定所述触点移动的路径方向;根据所述光标移动的路径方向,或者,根据所述触点移动的路径方向,确定浮层的展开方向;当所述光标悬停在所述目标对象上时,或者,当所述触点停留在所述目标对象上时,以所述展开方向将所述浮层展开。2.如权利要求1所述的方法,其特征在于,所述记录页面中显示的光标的坐标值,包括:对页面中的光标移动事件进行监听,当监听到所述光标移动事件时,记录所述页面中显示的光标的坐标值;或者,定时记录页面中显示的光标的坐标值。3.如权利要求1或2所述的方法,其特征在于,所述根据所述光标移动的路径方向,或者,根据所述触点移动的路径方向,确定浮层的展开方向,包括:根据所述光标移动的路径方向,或者,根据所述触点移动的路径方向,将与所述路径方向相反的方向确定为浮层的展开方向。4.如权利要求3所述的方法,其特征在于,所述根据所述光标移动的路径方向,或者,根据所述触点移动的路径方向,确定浮层的展开方向,包括:当所述光标移动的路径方向或者所述触点移动的路径方向为从上往下时,确定浮层的展开方向为从下往上。5.如权利要求3所述的方法,其特征在于,所述根据所述光标移动的路
\t径方向,或者,根据所述触点移动的路径方向,确定浮层的展开方向,包括:当所述光标移动的路径方向或者所述触点移动的路径方向为从右往左时,确定浮层的展开方向为从左往右。6.如权利要求3所述的方法,其特征在于,所述根据所述光标移动的路径方向,或者,根据所述触点移动的路径方向,确定浮层的展开方向,包括:当所述光标移动的路径方向或者所述触点移动的路径方向为从下往上时,确定浮层的展开方向为从上往下。7.如权利要求3所述的方法,其特征在于,所述根据所述光标移动的路径方向,或者,根据所述触点移动的路径方向,...
【专利技术属性】
技术研发人员:何玉婵,陈颖豪,
申请(专利权)人:阿里巴巴集团控股有限公司,
类型:发明
国别省市:开曼群岛;KY
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。