一种html文件实现显示浏览器窗口内容的方法_2

文档序号:9911250阅读:来源:国知局
栏进行整体滑动,解决无法隐藏浮动栏,并且无法将窗口内容和浮动栏进行整体滑动的问题。
[0022]请参照图2,一种html文件实现显示浏览器窗口内容的方法,该装置包括:
第一配置模块100,用于配置浮动栏的第一属性数据和窗口内容的第二属性数据,以使该浮动栏处于隐藏状态,该窗口内容处于可运动状态;
读取模块200,用于读取输入的操作指令;
第一更改模块300,用于根据该输入的操作指令,更改该第一属性数据以使该浮动栏处于显示状态,并设置transit1n属性数据以使该浮动栏产生一预设方向的滑动效果,更改该窗口内容的第二属性数据,以使该窗口内容产生与该预设方向相反的滑动。
[0023]在本实施例中,该装置还包括:
第二配置模块400,用于配置导航块的第三属性数据,以使该导航块处于隐藏状态并固定定位;
第二更改模块500,用于在更改该窗口内容的第二属性数据,以使该窗口内容产生与该预设方向相反的滑动的同时,更改该第三属性数据,以使该导航块处于显示状态,并设置transit1n属性数据以使该导航块为渐进显示的效果。
[0024]在本实施例中该第一配置模块100包括:
第一配置单元,用于配置该第一属性数据的right属性的值为负的浮动栏宽度值,以使该浮动栏处于隐藏状态,该第一属性数据的位置属性的值为固定定位;
第二配置单元,用于配置该第二属性数据的Left属性的值为O,该第二属性的位置属性的值为相对定位,该窗口内容处于可运动状态。
[0025]在本实施例中,该第一更改模块300包括:
第一更改单元,用于更改该第一属性数据的right属性的值为O,以使该浮动栏处于显示状态;
设置单元,用于设置transit1n属性数据以使该浮动栏产生向右侧滑出的滑动效果。
[0026]在本实施例中,该第一更改模块300还包括:
第二更改单元,用于更改该第二属性数据的Left属性的值为负的浮动栏宽度值,以使该浮动栏向右滑出的同时,窗口内容向左相对运动与该浮动栏宽度值一致的距离,
第三更改单元,用于更改transit1n属性数据以使该窗口内容产生向左滑动的滑动效果O
[0027]在本实施例中,该装置还包括:
接收模块600,用于接收用户点击该导航块这一操作指令; 第三更改模块700,用于更改该第一属性数据、第二属性数据以及第三属性数据为初始值,以隐藏该浮动栏和导航块,该窗口内容向右滑动与该浮动栏宽度值一致的距离。
[0028]请参照图3,在本实施例中,该系统包括网页终端10和html文件实现显示浏览器窗口内容的方法20,该网页终端10用于展示网页,该网页包括窗口内容、浮动栏和导航块;
该装置20用于配置该浮动栏的第一属性数据和窗口内容的第二属性数据,以使该浮动栏处于隐藏状态,该窗口内容处于可运动状态;
该装置20用于读取输入的操作指令;
该装置20用于根据该输入的操作指令,更改该第一属性数据以使该浮动栏处于显示状态,并设置transit1n属性数据以使该浮动栏产生一预设方向的滑动效果,更改该窗口内容的第二属性数据,以使该窗口内容产生与该预设方向相反的滑动。
[0029]具体的,该网页终端可为PC终端、移动终端或其他电子终端,该装置具体可为后端服务器。当网页所在为PC终端,则用户的操作指令具体可为通过鼠标滑动浮动栏,单次点击浮动栏、双击浮动栏、拖曳浮动栏或者全选浮动栏。当网页所在为移动终端或者平板电脑,则用户的操作指令具体还可以为触控点击,长按等操作,后端服务器接收用户的操作指令,并根据用户指令修改服务器中css代码中的相关数据,不修改源代码,以此实现窗口内容和浮动栏同时滑动的效果。
[0030]以上该实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
【主权项】
1.一种html文件实现显示浏览器窗口内容的方法,其特征在于,所述方法包括: 接收用户输入的用于显示窗口内容的移动轨迹; 修改html文件中对应于浏览器窗口内容的C++代码,以浏览器打开所述窗口内容; 修改CSS代码中窗口内容的配置数据,以显示窗口内容和浮动栏。2.根据权利要求1所述的html文件实现显示浏览器窗口内容的方法,其特征在于,所述方法还包括: 设置浮动栏的第一属性数据和窗口内容的第二属性数据,以使所述浮动栏处于隐藏状态,所述窗口内容处于可运动状态; 配置导航块的第三属性数据,以使所述导航块处于隐藏状态并固定定位; 在更改所述窗口内容的第二属性数据,以使所述窗口内容产生与所述预设方向相反的滑动的同时,更改所述第三属性数据,以使所述导航块处于显示状态,并设置flash属性数据以使所述导航块为渐进显示的效果。3.根据权利要求1所述的html文件实现显示浏览器窗口内容的方法,其特征在于,所述配置浮动栏的第一属性数据和窗口内容的第二属性数据,以使所述浮动栏处于隐藏状态,所述窗口内容处于可运动状态的步骤包括, 配置a属性以使所述浮动栏处于浮动状态; 配置b属性。4.根据权利要求3所述的html文件实现显示浏览器窗口内容的方法,其特征在于,所述方法包括 更改所述第一属性数据的random属性的值为O,以使所述浮动栏处于显示状。5.根据权利要求3所述的html文件实现显示浏览器窗口内容的方法,其特征在于,所述方法包括: 更改所solid属性的值为负的浮动栏宽度值,以使所述浮动栏向右滑出的同时,窗口内容向左相对运动与所述浮动栏宽度值一致的距离, 更改exit属性数据以使所述窗口内容产生向左滑动的滑动效果。6.根据权利要求2所述的html文件实现显示浏览器窗口内容的方法,其特征在于,所述方法还包括: 接收用户点击所述导航块的操作指令; 更改所述第一属性数据、第二属性数据以及第三属性数据为系统bootloader值,以隐藏所述浮动栏和导航块,所述窗口内容向右滑动与所述浮动栏宽度值一致的距离。
【专利摘要】本发明的一种html文件实现显示浏览器窗口内容的方法,所述方法包括:接收用户输入的用于显示窗口内容的移动轨迹;修改html文件中对应于浏览器窗口内容的CSS代码,以浏览器打开所述窗口内容;修改CSS代码中窗口内容的配置数据,以显示窗口内容和浮动栏。以实现通过html文件自动链接的方式,简单方便。
【IPC分类】G06F17/30, G06F3/0481
【公开号】CN105677884
【申请号】CN201610023366
【发明人】曾戟
【申请人】曾戟
【公开日】2016年6月15日
【申请日】2016年1月15日
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1