[发明专利]网页页面显示方法和装置

权利要求书

1.一种网页页面显示方法，其特征在于，所述方法包括：

获取输入的触发显示侧边栏的操作指令；

根据所述操作指令，将侧边栏相应的CSS属性数据中的右属性值由负的预 设宽度值调整为0，并将网页中的页面主体相应的CSS属性数据中的左属性值 由0调整为所述负的预设宽度值；

其中，所述侧边栏相应的CSS属性数据中的定位属性为固定定位，所述页 面主体相应的CSS属性数据中的定位属性为相对定位。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当获取到所述操作指令时，调整预设遮罩层相应的CSS属性数据中的层级 值以使所述预设遮罩层由位于所述页面主体之下调整为位于所述页面主体和所 述侧边栏之间，以及将所述遮罩层的CSS属性数据中的透明样式属性由不可见 调整为可见。

3.根据权利要求2所述的方法，其特征在于，所述预设遮罩层相应的CSS 属性数据中的定位属性为固定定位，所述预设遮罩层相应的CSS属性数据还包 含使所述预设遮罩层显示为渐出效果的特效属性。

4.根据权利要求1所述的方法，其特征在于，所述侧边栏相应的CSS属性 数据包含使所述侧边栏显示为从右侧滑出的特效属性，所述页面主体相应的CSS 属性数据中包含使所述页面主体显示为向左滑出的特效属性。

5.根据权利要求2所述的方法，其特征在于，在所述将侧边栏相应的CSS 属性数据中的右属性值由负的预设宽度值调整为0，并将网页中的页面主体相应 的CSS属性数据中的左属性值由0调整为所述负的预设宽度值的步骤之后，还 包括：

检测是否获取到对所述页面预设区域的点击操作；

若获取到对所述页面主体的点击操作，则将侧边栏相应的CSS属性数据中 的右属性值由0调整为负的预设宽度值，并将网页中的页面主体相应的CSS属 性数据中的左属性值由所述负的预设宽度值调整为0，以及将所述预设遮罩层相 应的CSS属性数据中的层级值调整为位于所述页面主体之下且所述透明样式属 性为不可见。

6.一种网页页面显示装置，其特征在于，所述装置包括：

获取模块，用于获取输入的触发显示侧边栏的操作指令；

第一调整模块，用于根据所述操作指令，将侧边栏相应的CSS属性数据中 的右属性值由负的预设宽度值调整为0，并将网页中的页面主体相应的CSS属 性数据中的左属性值由0调整为所述负的预设宽度值；

其中，所述侧边栏相应的CSS属性数据中的定位属性为固定定位，所述页 面主体相应的CSS属性数据中的定位属性为相对定位。

7.根据权利要求6所述的装置，其特征在于，所述装置还包括：

第二调整模块，用于当获取到所述操作指令时，调整预设遮罩层相应的CSS 属性数据中的层级值以使所述预设遮罩层由位于所述页面主体之下调整为位于 所述页面主体和所述侧边栏之间，以及将所述遮罩层的CSS属性数据中的透明 样式属性由不可见调整为可见。

8.根据权利要求7所述的装置，其特征在于，所述预设遮罩层相应的CSS 属性数据中的定位属性为固定定位，所述预设遮罩层相应的CSS属性数据还包 含使所述预设遮罩层显示为渐出效果的特效属性。

9.根据权利要求6所述的装置，其特征在于，所述侧边栏相应的CSS属性 数据包含使所述侧边栏显示为从右侧滑出的特效属性，所述页面主体相应的CSS 属性数据中包含使所述页面主体显示为向左滑出的特效属性。

10.根据权利要求7所述的装置，其特征在于，所述装置还包括：

检测模块，用于检测是否获取到对所述页面主体的点击操作；

第三调整模块，用于若所述检测模块获取到对所述页面预设区域的点击操 作，则将侧边栏相应的CSS属性数据中的右属性值由0调整为负的预设宽度值， 并将网页中的页面主体相应的CSS属性数据中的左属性值由所述负的预设宽度 值调整为0，以及将所述预设遮罩层相应的CSS属性数据中的层级值调整为位 于所述页面主体之下且所述透明样式属性为不可见。