浏览器焦点动态移动方法及系统的制作方法
【技术领域】
[0001] 本发明涉及一种浏览器控制技术，尤其涉及一种浏览器焦点动态移动方法及系 统。
【背景技术】
[0002] 随着社会的进步和技术水平的提高，浏览器已经进入各个领域，包括数字电视、网 络电视（Internet Protocol Television, IPTV)、手机、计算机等电子装置，而焦点的移动 是浏览器中一向最基本的技术。
[0003] 传统的焦点移动技术，是指刷新原来焦点的位置，刷新新焦点的位置，然后在新焦 点的坐标处画一个框。由此可知，传统的焦点移动技术只有两次绘制焦点框，即未移动前的 一次(原来焦点的位置）和移动到目的地之后的一次(新焦点的位置)，这样焦点的移动就没 有动态的效果，只能看到最后焦点所在位置。
【发明内容】
[0004] 鉴于以上内容，有必要提供一种浏览器焦点动态移动方法及系统，其可记录初始 焦点（旧焦点）的位置和终点焦点（新焦点）的位置，然后在定时器（Timer)中根据初始焦点 和终点焦点的位置，在初始焦点和终点焦点之间绘制一次或多次焦点框，形成动态的焦点 移动效果。
[0005] -种浏览器焦点动态移动方法，该方法包括如下步骤：获取浏览器的初始焦点框 的初始坐标信息和终点焦点框的终点坐标信息；当根据初始坐标信息绘制完初始焦点框 后，每隔固定时间，计算出当前焦点框的当前坐标信息；根据当前坐标信息绘制当前焦点 框，并将当前焦点框显示在浏览器上；如果当前坐标信息与终点坐标信息一致，则退出绘制 当前焦点框。
[0006] -种浏览器焦点动态移动系统，该系统包括：获取浏览器的初始焦点框的初始坐 标信息和终点焦点框的终点坐标信息的模块；当根据初始坐标信息绘制完初始焦点框后， 每隔固定时间，计算出当前焦点框的当前坐标信息的模块；根据当前坐标信息绘制当前焦 点框，并将当前焦点框显示在浏览器上的模块；如果当前坐标信息与终点坐标信息一致，则 退出绘制当前焦点框的模块。
[0007] 相较于现有技术，所述的浏览器焦点动态移动方法及系统，可以记录初始焦点（旧 焦点）的位置和终点焦点（新焦点）的位置，然后在定时器（Timer)中根据初始焦点和终点焦 点的位置，在初始焦点和终点焦点之间绘制一次或多次焦点框，形成动态的焦点移动效果， 使用户看上去焦点是在动态移动的，更吸引人的眼球。
【附图说明】
[0008] 图1是本发明浏览器焦点动态移动系统的应用环境图；
[0009] 图2是本发明浏览器焦点动态移动方法的具体流程图；
[0010] 图3是浏览器焦点动态移动的效果图。
【具体实施方式】
[0011] 为了使本发明的描述更易于理解，以下先对【具体实施方式】部分用到的专业术语进 行解释说明。
[0012] 浏览器：浏览器是指可以显示网页服务器或者文件系统的HTML (Hyper Text Markup Language,超文本标记语言）文件内容，并支持用户与这些文件交互的一种软件。[0013] 焦点：计算机程序语言中所谓的焦点，就是当前光标被激活的位置，是指哪个控件 被选中，可以被操作。比如一个文本框获得焦点，用户在键盘上敲进的字符就直接进入了文 本框。还比如一个下拉式列表框获得焦点，用户按下键盘上的向下箭头，下拉式列表就会列 出来。在本实施例中，焦点包括真焦点和假焦点。
[0014] 真焦点：指浏览器默认能画出焦点框的节点，也就是几个固定的标签，比如：〈a>、 <input>、<botton>、<area> 等。
[0015] 假焦点：是通过Java脚本（Java script)来设置图片的隐藏显示等技术来显示图 片，达到类似焦点框的效果的节点。
[0016] 定时器（Timer):本实施中特指根据固定时间间隔，来多次调用的一个函数。
[0017] 坐标信息：本实施中指的是浏览器XY坐标系中的焦点距离原点的横轴方向距离 (X轴坐标)、纵轴方向距离（Y轴坐标)以及焦点框的宽度（Width)和高度（Height)。其中，焦 点框是以焦点为中心的一个方形区域(如矩形区域)，所述坐标信息用一个数组进行存储。
[0018]Surface:本实施例中是指创建一块内存，用来存储每次要画的焦点框数据。
[0019] 以下结合图1至图3的描述，具体介绍本发明。
[0020] 如图1所示，是本发明浏览器焦点动态移动系统的应用环境图。该浏览器焦点动 态移动系统26应用于带有显示屏幕20和输入设备22的电子装置2中。例如，该电子装置 2可以是数字电视、网络电视（InternetProtocolTelevision,IPTV)、智能手机、计算机、 PDA(PersonalDigitalAssistant,掌上电脑)等智能设备。所述显示屏幕20可以是液晶 显示屏或0LED显示屏等显示装置，所述输入设备22可以是键盘、或触控屏等输入装置。
[0021] 所述电子装置2还包括通过数据线或信号线相连的存储器24和处理器28。需要 说明的是，图1只是对电子装置2软件结构和硬件结构的示意性说明，电子装置2还包括其 它必要的电子元器件和系统软件(如浏览器等)，在此不再一一赘述。
[0022] 所述浏览器焦点动态移动系统26存储于电子装置2的存储器24中，用于记录初 始焦点（旧焦点）的位置和终点焦点（新焦点）的位置，然后在定时器（Timer)中根据初始焦 点和终点焦点的位置，在初始焦点和终点焦点之间绘制一次或多次焦点框，形成动态的焦 点移动效果，具体方法流程参阅图2的描述。
[0023] 在本实施例中，所述浏览器焦点动态移动系统26可以提供一个或多个模块，所述 一个或多个模块被存储在所述电子装置2的存储器24中并被配置成由一个或多个处理器 (本实施例为一个处理器28)执行，以完成本发明。本发明所称的模块是完成一特定功能的 计算机程序段，比程序更适合于描述软件在计算机中的执行过程。
[0024] 如图2所示，是本发明浏览器焦点动态移动方法的具体流程图。
[0025] 步骤S10,获取浏览器的初始焦点框的初始坐标信息infol (xl，yl，wl，hi)和终点 焦点框的终点坐标信息info2(x2,y2,w2,h2)。在本实施例中，坐标原点为浏览器页面的左 上角位置。其中，初始焦点框是以初始焦点为中心的一个方形区域(如矩形区域)，xl代表 初始焦点框距离浏览器页面最左端的距离，yl代表初始焦点框距离浏览器页面最上端的距 离，wl代表初始焦点框的宽度，hi代表初始焦点框的高度。终点焦点框是以终点焦点为中 心的一个方形区域(如矩形区域)，x2代表终点焦点框距离浏览器页面最左端的距离，y2代 表终点焦点框距离浏览器页面最上端的距离，代表终点焦点框的宽度，h2代表终点焦点 框的高度。
[0026] 具体而言，通过解析浏览器页面和排版浏览器页面，获取浏览器的初始焦点框的 初始坐标信息infol和终点焦点框的终点坐标信息info2。
[0027] 在本实施例中，解析浏览器页面是指：将浏览器页面的内容生成一个相互联系的 带有各标签属性的树状结构。
[0028] 例如，该树状结构可以表示为：
[0029] <html>
[0030] 〈body〉
[0031] 〈divstyle="left: 10px;top: 10px;width: 100px;height:lOOpx" >
[0032] <a></a>
[0033] <input></input)
[0034] <div>
[0035] 〈/body〉
[0036] </html>
[0037] 在上述树状结构中，根节点是<html>，〈body〉是<html>的子节点，<div>是 〈body〉的字节点，<div>又有两个子节点<a>和〈input〉，<a>和〈input〉是兄弟节点的关 系。
[0038] 在本实施例中，排版浏览器页面是指：遍历上述浏览器页面的树状结构，得到每一 个节点的属性，从而得到指定节点的坐标信息（即位置信息)。
[0039] 例如，在上例中，当遍历到div标签时，贝U从<div>节点中获取该节点的属性： style="left: 10px;top: 10p