[发明专利]一种网页滑动翻页的布局方法

说明书

技术领域

本发明涉及一种网页滑动翻页的布局方法。

背景技术

现有的网页布局经常针对于电脑用户，若用户使用触屏设备打开网页 时，就导致该网页在控制过程不方便，网页上也有一些类似于手机或者平板 电脑的APP程序滑动效果，但布局形式有限不能完全满足快速开发的需求； 并且不便于开发人员对其进行二次开发和修改。

发明内容

本发明要解决的技术问题，在于提供一种网页滑动翻页的布局方法，便 于开发人员二次开发以及修改。

本发明之一是这样实现的：一种网页滑动翻页的布局方法，包括如下步 骤：

步骤1、根据需求划分出所需个数的分页，并给每个分页进行编号；

步骤2、编写滑动翻页的效果，根据分页的编号顺序设置页码和页面出 现的顺序；

步骤3、根据页面编号把每个分页里的内容划分成限定个对象，并对该 对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象大 小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页面。

进一步地，所述步骤1进一步具体为：根据需求划分出所需个数的分页， 并给每个分页编号，将分页中的公共部分以及公共的样式文件编写完毕。

进一步地，还包括步骤4、编写好视觉效果，并为每个视觉效果设定一 效果编号，将效果编号写入一样式文件，并将该样式文件引入页面。

本发明之二是这样实现的：一种网页滑动翻页的布局系统，包括如下模 块：

分页模块，根据需求划分出所需个数的分页，并给每个分页进行编号；

设置页面模块，编写滑动翻页的效果，根据分页的编号顺序设置页码和 页面出现的顺序；

完成模块，根据页面编号把每个分页里的内容划分成限定个对象，并对 该对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象 大小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页 面。

进一步地，所述分页模块进一步具体为：根据需求划分出所需个数的分 页，并给每个分页编号，将分页中的公共部分以及公共的样式文件编写完毕。

进一步地，还包括视觉效果模块，编写好视觉效果，并为每个视觉效果 设定一效果编号，将效果编号写入一样式文件，并将该样式文件引入页面。

本发明具有如下优点：本发明一种网页滑动翻页的布局方法以及系统此 布局可给网页内各个对象提供多种视觉效果的选择，各个对象间互不冲突影 响，并且添加删除时较为方便，有利于程序员快速开发一套网页，有利于需 求变更时的二次开发及修改，改善用户体验。

附图说明

下面参照附图结合实施例对本发明作进一步的说明。

图1为本发明方法执行流程图。

具体实施方式

如图1所示，本发明网页滑动翻页的布局方法，包括如下步骤：

步骤1、根据需求划分出所需个数的分页，并给每个分页编号，将分页 中的公共部分以及公共的样式文件编写完毕；

步骤2、编写滑动翻页的效果，根据分页的编号顺序设置页码和页面出 现的顺序；

步骤3、根据页面编号把每个分页里的内容划分成限定个对象，并对该 对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象大 小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页面。

步骤4、编写好视觉效果，并为每个视觉效果设定一效果编号，将效果 编号写入一样式文件，并将该样式文件引入页面。

本发明网页滑动翻页的布局系统，包括如下模块：

分页模块，根据需求划分出所需个数的分页，并给每个分页编号，将分 页中的公共部分以及公共的样式文件编写完毕；

设置页面模块，编写滑动翻页的效果，根据分页的编号顺序设置页码和 页面出现的顺序；

完成模块，根据页面编号把每个分页里的内容划分成限定个对象，并对 该对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象 大小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页 面。

视觉效果模块，编写好视觉效果，并为每个视觉效果设定一效果编号， 将效果编号写入一样式文件，并将该样式文件引入页面。