一种鼠标移入触发网页元素放大方法及装置制造方法及图纸

技术编号:38826602 阅读:13 留言:0更新日期:2023-09-15 20:06
本申请涉及互联网技术领域,公开了一种鼠标移入触发网页元素放大方法及装置,所述方法包括当执行终端接收到鼠标信号时,选中可供鼠标移入的网页元素,将所述网页元素放置于网页中;对所述网页元素进行初始化设置,包括编辑宽度、高度以及边框;触发监听事件,当监听鼠标移入网页元素正上方时,提取网页元素当前尺寸信息;根据预设的放大倍数进行尺寸计算,将所述网页元素当前尺寸设置为计算后的尺寸。本申请通过放大网页元素,特别是当用户在浏览网页时,通过放大元素可以更加清楚地看到细节,同时也能够提高用户体验;增强视觉效果,让网页更具吸引力;还能提高互动性,增强使用者对网页的互动性和参与感,让用户更愿意浏览网页并参与其中。参与其中。参与其中。

【技术实现步骤摘要】
一种鼠标移入触发网页元素放大方法及装置


[0001]本申请涉及互联网
,特别涉及一种鼠标移入触发网页元素放大方法及装置。

技术介绍

[0002]随着互联网的发展和普及,不管是工作还是生活,都离不开互联网,例如,很多人使用互联网开启店铺经营,做电商出售产品,产品直销国内以及海外市场,也有人使用互联网进行购物,享受生活。因此,网站或者网页中的交互设计逐渐成为了一种重要的设计元素,如网站中的轮播图纸、产品展示页、美食菜单等多种场景的应用,而网站或网页中内容繁多复杂,使用者容易引起视觉疲劳,很难突出亮点吸引用户使用或长时间浏览。

技术实现思路

[0003]本申请的主要目的为提供一种鼠标移入触发网页元素放大方法及装置,旨在解决现有技术中上述存在的技术问题。
[0004]本申请提出一种鼠标移入触发网页元素放大方法,其改进之处在于,包括:
[0005]当执行终端接收到鼠标信号时,选中可供鼠标移入的网页元素,将所述网页元素放置于网页中;
[0006]对所述网页元素进行初始化设置,包括编辑宽度、高度以及边框;
[0007]触发监听事件,当监听鼠标移入网页元素正上方时,提取网页元素当前尺寸信息;
[0008]根据预设的放大倍数进行尺寸计算,将所述网页元素当前尺寸设置为计算后的尺寸。
[0009]作为上述技术方案的改进,所述方法还包括:
[0010]当监听鼠标移入网页元素任意一个斜上方时,提取网页元素当前尺寸信息。
[0011]作为上述技术方案的进一步改进,所述方法包括:
[0012]当监听鼠标移入网页元素正上方时;
[0013]和或,当监听鼠标移入网页元素任意一个斜上方时;
[0014]触发执行终端识别鼠标是否在网页元素框架的预设范围内;
[0015]若鼠标处于所述网页元素框架的预设范围内,网页元素被赋予上标记;
[0016]提取被赋予上标记的网页元素当前尺寸信息;
[0017]若鼠标不在所述网页元素框架的预设范围内,不做处理。
[0018]作为上述技术方案的进一步改进,所述方法还包括对放大后的网页元素增添特效效果,所述增添特效效果的方法包括:
[0019]当监听鼠标移入网页元素正上方时;
[0020]和或,当监听鼠标移入网页元素任意一个斜上方时;
[0021]获取所述网页元素的参数,包括方向、角度、颜色的位置以及起止颜色;
[0022]使用渐变函数对所述方向、角度、颜色的位置以及起止颜色进行线性渐变设置。
[0023]作为上述技术方案的进一步改进,所述增添特效效果的方法还包括:
[0024]当监听鼠标移入网页元素正上方时;
[0025]和或,当监听鼠标移入网页元素任意一个斜上方时;
[0026]获取所述网页元素的参数,包括圆心、半径、方向、起止颜色;
[0027]使用渐变函数对所述圆心、半径、方向、起止颜色进行径向渐变设置。
[0028]作为上述技术方案的进一步改进,所述方法还包括对网页元素增加过渡时间属性。
[0029]作为上述技术方案的进一步改进,所述方法还包括:
[0030]识别放大后的网页元素是否在空白的网页中;
[0031]若放大后的网页元素不处于空白的网页当中,则调整层级和定位;
[0032]若放大后的网页元素处于空白的网页当中,不做处理。
[0033]本申请还提出了一种鼠标移入触发网页元素放大装置,包括:
[0034]执行单元,所述执行单元用于当执行终端接收到鼠标信号时,选中可供鼠标移入的网页元素,将所述网页元素放置于网页中;
[0035]初始化单元,所述初始化单元用于对所述网页元素进行初始化设置,包括编辑宽度、高度以及边框;
[0036]监听单元,所述监听单元用于触发监听事件,当监听鼠标移入网页元素上方时,提取网页元素当前尺寸信息;
[0037]处理单元,所述处理单元用于根据预设的放大倍数进行尺寸计算,将所述网页元素当前尺寸设置为计算后的尺寸。
[0038]本申请还提供了一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述一种鼠标移入触发网页元素放大方法的步骤。
[0039]本申请还提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述一种鼠标移入触发网页元素放大方法的步骤。
[0040]本申请的有益效果为:本申请通过放大网页元素:
[0041]1、特别是当用户在浏览网页时,通过放大元素可以更加清楚地看到细节,同时也能够提高用户体验。
[0042]2、增强视觉效果,让网页更具吸引力。
[0043]3、提高互动性,增强用户对网页的互动性和参与感,让用户更愿意浏览网页并参与其中。
[0044]4、增加趣味性,使得网页更加生动有趣,为用户带来更好的浏览体验,从而提高用户留存率。
附图说明
[0045]图1为本申请一实施例的一种鼠标移入触发网页元素放大方法的流程图。
[0046]图2为本申请一实施例的一种鼠标移入触发网页元素放大方法的流程图。
[0047]图3为本申请一实施例的一种鼠标移入触发网页元素放大方法的流程图。
[0048]图4为本申请一实施例的一种鼠标移入触发网页元素放大方法的流程图。
[0049]图5为本申请一实施例的一种鼠标移入触发网页元素放大方法的流程图。
[0050]图6为本申请一实施例的一种鼠标移入触发网页元素放大装置的结构框架示意图。
[0051]图7为本申请一实施例的计算机设备内部结构示意图。
[0052]本申请目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
[0053]100.执行单元,200.初始化单元,300.监听单元,400.处理单元。
具体实施方式
[0054]为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本申请,并不用于限定本申请。
[0055]需要说明的是,虽然在装置示意图中进行了功能模块划分,在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于装置中的模块划分,或流程图中的顺序执行所示出或描述的步骤。说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。
[0056]除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的
的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本申请实施例的目的,不是旨在限制本申请。
[0057]实施例1
[0058]参考图1,本申请揭示了一种鼠标移入触发网页元素放大方法,包括:
[0059]S1:当执行终端接收到鼠标信号时,选中可供鼠标移本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种鼠标移入触发网页元素放大方法,其特征在于,包括:当执行终端接收到鼠标信号时,选中可供鼠标移入的网页元素,将所述网页元素放置于网页中;对所述网页元素进行初始化设置,包括编辑宽度、高度以及边框;触发监听事件,当监听鼠标移入网页元素正上方时,提取网页元素当前尺寸信息;根据预设的放大倍数进行尺寸计算,将所述网页元素当前尺寸设置为计算后的尺寸。2.根据权利要求1所述的一种鼠标移入触发网页元素放大方法,其特征在于,所述方法还包括:当监听鼠标移入网页元素任意一个斜上方时,提取网页元素当前尺寸信息。3.根据权利要求1或2任意一项所述的一种鼠标移入触发网页元素放大方法,其特征在于,所述方法包括:当监听鼠标移入网页元素正上方时;和或,当监听鼠标移入网页元素任意一个斜上方时;触发执行终端识别鼠标是否在网页元素框架的预设范围内;若鼠标处于所述网页元素框架的预设范围内,网页元素被赋予上标记;提取被赋予上标记的网页元素当前尺寸信息;若鼠标不在所述网页元素框架的预设范围内,不做处理。4.根据权利要求1或2任意一项所述的一种鼠标移入触发网页元素放大方法,其特征在于,所述方法还包括对放大后的网页元素增添特效效果,所述增添特效效果的方法包括:当监听鼠标移入网页元素正上方时;和或,当监听鼠标移入网页元素任意一个斜上方时;获取所述网页元素的参数,包括方向、角度、颜色的位置以及起止颜色;使用渐变函数对所述方向、角度、颜色的位置以及起止颜色进行线性渐变设置。5.根据权利要求4所述的一种鼠标移入触发网页元素放大方法,其特征在于,所述增添特效效果的方法还包括:当监听鼠标移入网页元素正上方...

【专利技术属性】
技术研发人员:刘幸平金灿宇
申请(专利权)人:深圳市星卡科技股份有限公司
类型:发明
国别省市:

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

1