[发明专利]网页顶部导航菜单的显示方法及系统

权利要求书

1.网页顶部导航菜单的显示方法，其特征在于，包括以下步骤：

步骤1.对导航菜单的每个菜单项进行监听，所述导航菜单的宽度大于显示界面的宽度；

步骤2.当监听到某一菜单项被选中后，根据该菜单项对应的序号参数水平滚动导航菜单，使该菜单项在显示界面左右居中，并将所述序号参数传入跳转菜单；

步骤3.跳转菜单根据传入的序号参数跳转至该菜单项对应的页面。

2.如权利要求1所述的网页顶部导航菜单的显示方法，其特征在于，所述步骤2还包括：当监听到某一菜单项被选中后，设置该菜单项为高亮。

3.如权利要求1所述的网页顶部导航菜单的显示方法，其特征在于，步骤2中，所述根据该菜单项对应的序号参数水平滚动导航菜单包括：

获取显示界面中心位置的第一横坐标，根据该菜单项对应的序号参数获取该菜单项中心位置的第二横坐标，根据第一横坐标与第二横坐标的差值水平滚动导航菜单，使第二横坐标与第一横坐标重合。

4.如权利要求3所述的网页顶部导航菜单的显示方法，其特征在于，所述根据第一横坐标与第二横坐标的差值水平滚动导航菜单具体为：根据第一横坐标和第二横坐标的差值获得滚动坐标的横坐标，滚动坐标的纵坐标为0，将所述滚动坐标传入调用的JS的基础滚动API进行导航菜单的自动水平滚动。

5.如权利要求1所述的网页顶部导航菜单的显示方法，其特征在于，所述步骤2还包括：获取导航菜单的最大横坐标和最小横坐标，若导航菜单的最大横坐标位于显示界面内，则不进行导航菜单的向左滚动，若导航菜单的最小横坐标位于显示界面内，则不进行导航菜单的向右滚动。

6.如权利要求1所述的网页顶部导航菜单的显示方法，其特征在于，还包括：设置导航菜单的滚动画面播放时间，根据所述滚动画面播放时间水平滚动导航菜单。

7.网页顶部导航菜单的显示系统，其特征在于，包括：

监听单元，用于对导航菜单的每个菜单项进行监听，所述导航菜单的宽度大于显示界面的宽度；

滚动单元，用于当监听到某一菜单项被选中后，根据该菜单项对应的序号参数水平滚动导航菜单，使该菜单项在显示界面左右居中，并将所述序号参数传入跳转菜单；

跳转菜单，用于根据传入的序号参数跳转至该菜单项对应的页面。

8.如权利要求7所述的网页顶部导航菜单的显示系统，其特征在于，还包括：

设置单元，用于当监听到某一菜单项被选中后，设置该菜单项为高亮。

9.如权利要求7所述的网页顶部导航菜单的显示系统，其特征在于，所述根据该菜单项对应的序号参数水平滚动导航菜单包括：

获取显示界面中心位置的第一横坐标，根据该菜单项对应的序号参数获取该菜单项中心位置的第二横坐标，根据第一横坐标与第二横坐标的差值水平滚动导航菜单，使第二横坐标与第一横坐标重合。

10.如权利要求9所述的网页顶部导航菜单的显示系统，其特征在于，所述根据第一横坐标与第二横坐标的差值水平滚动导航菜单具体为：根据第一横坐标和第二横坐标的差值获得滚动坐标的横坐标，滚动坐标的纵坐标为0，将所述滚动坐标传入调用的JS的基础滚动API进行导航菜单的自动水平滚动。