• 四川郎酒股份有限公司获第十二届人民企业社会责任奖年度环保奖 2019-05-13
  • 银保监会新规剑指大企业多头融资和过度融资 2019-05-12
  • 韩国再提4国联合申办世界杯 中国网友无视:我们自己来 2019-05-11
  • 中国人为什么一定要买房? 2019-05-11
  • 十九大精神进校园:风正扬帆当有为 勇做时代弄潮儿 2019-05-10
  • 粽叶飘香幸福邻里——廊坊市举办“我们的节日·端午”主题活动 2019-05-09
  • 太原设禁鸣路段 设备在测试中 2019-05-09
  • 拜耳医药保健有限公司获第十二届人民企业社会责任奖年度企业奖 2019-05-08
  • “港独”没出路!“梁天琦们”该醒醒了 2019-05-07
  • 陈卫平:中国文化内涵包含三方面 文化复兴表现在其中 2019-05-06
  • 人民日报客户端辟谣:“合成军装照”产品请放心使用 2019-05-05
  • 【十九大·理论新视野】为什么要“建设现代化经济体系”?   2019-05-04
  • 聚焦2017年乌鲁木齐市老城区改造提升工程 2019-05-04
  • 【专家谈】上合组织——构建区域命运共同体的有力实践者 2019-05-03
  • 【华商侃车NO.192】 亲!楼市火爆,别忘了买车位啊! 2019-05-03
    • / 19
    • 下载费用:20 金币  

    重庆时时彩推广技巧: 页面渲染方法和遮罩层创建方法.pdf

    摘要
    申请专利号:

    重庆时时彩单双窍门 www.4mum.com.cn CN201410078815.1

    申请日:

    2012.03.29

    公开号:

    CN103870558A

    公开日:

    2014.06.18

    当前法律状态:

    授权

    有效性:

    有权

    法律详情: 授权|||实质审查的生效IPC(主分类):G06F 17/30申请日:20120329|||公开
    IPC分类号: G06F17/30 主分类号: G06F17/30
    申请人: 北京奇虎科技有限公司; 奇智软件(北京)有限公司
    发明人: 袁波; 张鹏翼; 任寰
    地址: 100088 北京市西城区新街口外大街28号D座112室(德胜园区)
    优先权:
    专利代理机构: 北京润泽恒知识产权代理有限公司 11319 代理人: 苏培华
    PDF完整版下载: PDF下载
    法律状态
    申请(专利)号:

    CN201410078815.1

    授权公告号:

    ||||||

    法律状态公告日:

    2017.01.25|||2014.07.16|||2014.06.18

    法律状态类型:

    授权|||实质审查的生效|||公开

    摘要

    本申请提供了一种图片元素显示方法和装置,涉及网络技术领域。本申请的方法包括:当侦听到鼠标开始拖拽动作时,添加遮罩层,并在遮罩层创建被拖拽的第一图片元素对应的第二图片元素;所述第二图片元素为包括第一图片元素内容数据的图标;获取鼠标移动过程中的坐标,将所述第二图片元素的坐标随所述鼠标移动过程中的坐标改变而改变;当侦听到鼠标弹起时,隐藏所述遮罩层,根据鼠标弹起时所指第三图片元素,将第一图片元素的内容数据与第三图片元素的内容数据进行交换;将交换后得到的图片元素进行重新渲染显示。本申请减少了回流的次数,即需要重新计算位置的元素的个数,从而也减少了重绘的次数,降低了系统资源占用率,也降低了CPU的使用率。

    权利要求书

    权利要求书
    1.  一种页面渲染方法,其包括:
    当侦听到对页面显示区域中第一图片元素的拖拽动作时,在所述页面显示区域之上显示遮罩层;
    在所述遮罩层创建与所述第一图片元素对应的第二图片元素;
    获取鼠标移动过程中的坐标并将其赋予所述第二图片元素以使所述第二图片元素随鼠标的移动而移动;
    当侦听到拖拽动作结束时,隐藏所述遮罩层并确定拖拽动作结束处的第三图片元素;
    将第一图片元素的内容数据与第三图片元素的内容数据进行交换;
    在所述页面显示区域中仅渲染被交换的第一图片元素和第三图片元素。

    2.  根据权利要求1所述的方法,其中,在所述遮罩层创建与所述第一图片元素对应的第二图片元素进一步包括:
    获取第一图片元素的级联样式表位置数据、文档对象模型树结构数据、和文档对象模型树结构中的内容数据;
    依据所述级联样式表位置数据和文档对象模型树结构数据在所述遮罩层中创建与第一图片元素对应的第二图片元素;
    将所述文档对象模型树结构中的内容数据依据文档对象模型树结构形式设置到所述第二图片元素。

    3.  根据权利要求1或2所述的方法,其中,所述遮罩层通过下面步骤创建:
    在页面对应的文档对象模型树中最后一个元素的位置之后,添加遮罩层结构;
    在级联样式表对应的样式结构体中设置遮罩层的覆盖区域为所述页面显示的区域。

    4.  根据权利要求3所述的方法,其中,页面对应的文档对象模型树中最后一个元素的位置为:文档对象模型树的主干尾端。

    5.  根据权利要求3所述的方法,其中,页面对应的文档对象模型树中最后一个元素的位置为:文档对象模型树各放置各可拖拽元素所在子div的 最后一个父div。

    6.  根据权利要求1至5中任一项所述的方法,其中,隐藏所述遮罩层为:
    删除所述遮罩层中创建的第二图片元素。

    7.  根据权利要求1至6中任一项所述的方法,其中,将第一图片元素的内容数据与第三图片元素的内容数据进行交换进一步包括:
    若第三图片元素对应的文档对象模型树结构中存在内容数据,则获取第三图片元素对应的文档对象模型树结构中的内容数据;
    保持第一图片元素和第三图片元素的级联样式表位置数据和文档对象模型树结构数据不变,并将第一图片元素对应文档对象模型树结构中的内容数据与第三图片元素对应文档对象模型树结构中的内容数据互换。

    8.  根据权利要求1至7中任一项所述的方法,其中,确定拖拽动作结束处的第三图片元素进一步包括:
    判断拖拽动作结束处拖拽鼠标所在区域是否在第三图片元素所在区域的预定范围内;
    如果是,确定所述拖拽动作结束处拖拽鼠标所在区域的图片元素为第三图片元素。

    9.  根据权利要求1至8中任一项所述的方法,其中,在所述页面显示区域之上显示遮罩层包括:
    所述遮罩层覆盖于以绝对布局方式构建的图片元素之上;
    和/或,所述遮罩层覆盖于以流式布局方式构建的图片元素之上。

    10.  根据权利要求9所述的方法,其中:
    所述绝对布局方式构建的图片元素包括九宫格形式的图片元素、和/或十二宫格的图片元素。

    11.  一种遮罩层创建方法,其包括:
    在页面对应的文档对象模型树中最后一个元素的位置之后,添加遮罩层结构;
    在级联样式表对应的样式结构体中设置遮罩层的覆盖区域为所述页面 显示的区域。

    12.  根据权利要求11所述的方法,其中,页面对应的文档对象模型树中最后一个元素的位置为:文档对象模型树的主干尾端。

    13.  根据权利要求11所述的方法,其中,页面对应的文档对象模型树中最后一个元素的位置为:文档对象模型树各放置各可拖拽元素所在子div的最后一个父div。

    14.  根据权利要求11至13中任一项所述方法,还包括:将所述遮罩层结构置为顶层结构。

    15.  一种页面渲染方法,其包括:
    侦听鼠标在页面显示区域的按下动作;
    如果按下动作所在区域为有效区域,则侦听鼠标是否开始移动;
    如果鼠标开始移动,则确定鼠标按下动作所在区域的图片元素为第一图片元素并在所述页面显示区域之上显示遮罩层;
    在所述遮罩层创建与所述第一图片元素相同模式的第二图片元素;
    获取鼠标移动过程中的坐标并使所述第二图片元素的坐标随鼠标的移动而移动;
    当侦听到鼠标抬起时,隐藏所述遮罩层并确定与鼠标抬起处所在区域对应的图片元素为第三图片元素;
    将第一图片元素的内容数据与第三图片元素的内容数据进行交换;
    在所述页面显示区域中仅渲染被交换的第一图片元素和第三图片元素。

    16.  根据权利要求15所述的方法,其中,在所述遮罩层创建与所述第一图片元素相同模式的第二图片元素进一步包括:
    获取第一图片元素的级联样式表位置数据、文档对象模型树结构数据、和文档对象模型树结构中的内容数据;
    依据所述级联样式表位置数据和文档对象模型树结构数据在所述遮罩层中创建与第一图片元素对应的第二图片元素;
    将所述文档对象模型树结构中的内容数据依据文档对象模型树结构形式设置到所述第二图片元素。

    17.  根据权利要求15或16所述的方法,其中,所述遮罩层通过下面步骤创建:
    在页面对应的文档对象模型树中最后一个元素的位置之后,添加遮罩层结构;
    在级联样式表对应的样式结构体中设置遮罩层的覆盖区域为所述页面显示的区域。

    18.  根据权利要求17所述的方法,其中,页面对应的文档对象模型树中最后一个元素的位置为:文档对象模型树的主干尾端。

    19.  根据权利要求17所述的方法,其中,页面对应的文档对象模型树中最后一个元素的位置为:文档对象模型树各放置各可拖拽元素所在子div的最后一个父div。

    20.  根据权利要求15至19中任一项所述的方法,其中,隐藏所述遮罩层为:
    删除所述遮罩层中创建的第二图片元素。

    21.  根据权利要求15至20中任一项所述的方法,其中,将第一图片元素的内容数据与第三图片元素的内容数据进行交换进一步包括:
    若第三图片元素对应的文档对象模型树结构中存在内容数据,则获取第三图片元素对应的文档对象模型树结构中的内容数据;
    保持第一图片元素和第三图片元素的级联样式表位置数据和文档对象模型树结构数据不变,并将第一图片元素对应文档对象模型树结构中的内容数据与第三图片元素对应文档对象模型树结构中的内容数据互换。

    22.  根据权利要求15至21中任一项所述的方法,其中,在所述页面显示区域之上显示遮罩层包括:
    所述遮罩层覆盖于以绝对布局方式构建的图片元素之上;
    和/或,所述遮罩层覆盖于以流式布局方式构建的图片元素之上。

    23.  根据权利要求22所述的方法,其中:
    所述绝对布局方式构建的图片元素包括九宫格形式的图片元素、和/或十二宫格的图片元素。

    关 键 词:
    页面 渲染 方法 遮罩层 创建
      专利查询网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:页面渲染方法和遮罩层创建方法.pdf
    链接地址://www.4mum.com.cn/p-6126198.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服客服 - 联系我们

    [email protected] 2017-2018 www.4mum.com.cn网站版权所有
    经营许可证编号:粤ICP备17046363号-1 
     


    收起
    展开
  • 四川郎酒股份有限公司获第十二届人民企业社会责任奖年度环保奖 2019-05-13
  • 银保监会新规剑指大企业多头融资和过度融资 2019-05-12
  • 韩国再提4国联合申办世界杯 中国网友无视:我们自己来 2019-05-11
  • 中国人为什么一定要买房? 2019-05-11
  • 十九大精神进校园:风正扬帆当有为 勇做时代弄潮儿 2019-05-10
  • 粽叶飘香幸福邻里——廊坊市举办“我们的节日·端午”主题活动 2019-05-09
  • 太原设禁鸣路段 设备在测试中 2019-05-09
  • 拜耳医药保健有限公司获第十二届人民企业社会责任奖年度企业奖 2019-05-08
  • “港独”没出路!“梁天琦们”该醒醒了 2019-05-07
  • 陈卫平:中国文化内涵包含三方面 文化复兴表现在其中 2019-05-06
  • 人民日报客户端辟谣:“合成军装照”产品请放心使用 2019-05-05
  • 【十九大·理论新视野】为什么要“建设现代化经济体系”?   2019-05-04
  • 聚焦2017年乌鲁木齐市老城区改造提升工程 2019-05-04
  • 【专家谈】上合组织——构建区域命运共同体的有力实践者 2019-05-03
  • 【华商侃车NO.192】 亲!楼市火爆,别忘了买车位啊! 2019-05-03