【技术实现步骤摘要】
本申请涉及计算机网页设计领域，具体涉及一种三维的自动旋转导航栏创建方法、设备及介质。
技术介绍
1、导航栏是指在系统或网站中，展示系统功能的模块，一般的系统和网站中都会有导航栏，为用户提供导航和访问不同页面或功能的途径，导航栏通常位于页面的顶部或侧边，并包含一系列链接或按钮，用户可以通过点击这些链接或按钮来快速访问其他页面或执行特定的功能操作。
2、传统的导航栏位于网页页面顶部或者侧边区域的，为一排水平或竖直的导航按钮，不能自动旋转和拖拽，不能带来立体效果，将网页显示在大屏中时会显得比较枯燥，并且网站中的各个功能模块不能被清晰的展示，不能给予使用者良好的视觉体验，给用户使用带来了不便。
技术实现思路
1、为了解决上述问题，本申请提出了一种三维的自动旋转导航栏创建方法，包括：
2、确定导航栏中导航块的数量，设置所述导航块的分布，以将所述导航块沿圆形轨道均匀分布；
3、对所述导航块添加立体属性，并设置三维样式；
4、对所述导航块添加动画效果，并设置定时轮询，以实现所述导航块沿所述圆形轨道自动旋转；
5、对所述导航栏添加鼠标移动事件，监听所述鼠标移动事件，根据鼠标移动坐标值，设置所述导航块的旋转值；
6、根据所述旋转值，修改每个所述导航块对应的缩放值，使所述导航块跟随所述鼠标移动事件进行相应的旋转和缩放。
7、另一方面，本申请还提出三维的自动旋转导航栏创建设备，包括：
8、至少一个处理器；以及
9、与所述至少一个处理器通信连接的存储器；其中，
10、所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如：上述示例所述的三维的自动旋转导航栏创建方法。
11、另一方面，本申请还提出了一种非易失性计算机存储介质，存储有计算机可执行指令，所述计算机可执行指令设置为：上述示例所述的三维的自动旋转导航栏创建方法。
12、通过本申请提出一种三维的自动旋转导航栏创建方法能够带来如下有益效果：
13、通过对网页页面添加透视元素，使网页中的子元素获得透视效果，并对导航块添加立体元素，使其获得立体效果，让导航块围绕一个中心点旋转，实现立体的视觉效果，同时在旋转过程中将旋转到最前面的导航块突显一下，达到更好的动画效果。
14、整个系统的导航块占比大，显示的明显，主次分明，能更清晰的展示导航块，呈现出更好的视觉效果，并且导航栏不但可以自动旋转，也可以通过用户拖拽切换旋转元素让其进入下一个旋转周期，展现出更好的交互效果。
本文档来自技高网...【技术保护点】
1.一种三维的自动旋转导航栏创建方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述确定导航栏中导航块的数量，设置所述导航块的分布，以将所述导航块沿圆形轨道均匀分布，具体包括：
3.根据权利要求1所述的方法，其特征在于，所述对所述导航块添加立体属性之前，所述方法还包括：
4.根据权利要求1所述的方法，其特征在于，所述对所述导航块添加动画效果，并设置定时轮询，以实现所述导航块沿所述圆形轨道自动旋转，具体包括：
5.根据权利要求4所述的方法，其特征在于，所述设置定时轮询，调用所述导航块旋转对应的函数，具体包括：
6.根据权利要求1所述的方法，其特征在于，所述监听所述鼠标移动事件，根据鼠标移动坐标值，设置所述导航块的旋转值，具体包括：
7.根据权利要求1所述的方法，其特征在于，所述根据所述旋转值，修改每个所述导航块对应的缩放值，具体包括：
8.根据权利要求1所述的方法，其特征在于，所述对所述导航栏添加鼠标移动事件之后，所述方法还包括：
9.一种三维的自动旋转导航栏创建设备
10.一种非易失性计算机存储介质，存储有计算机可执行指令，其特征在于，所述计算机可执行指令设置为：权利要求1～8中任一项权利要求所述的三维的自动旋转导航栏创建方法。
...【技术特征摘要】
1.一种三维的自动旋转导航栏创建方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述确定导航栏中导航块的数量，设置所述导航块的分布，以将所述导航块沿圆形轨道均匀分布，具体包括：
3.根据权利要求1所述的方法，其特征在于，所述对所述导航块添加立体属性之前，所述方法还包括：
4.根据权利要求1所述的方法，其特征在于，所述对所述导航块添加动画效果，并设置定时轮询，以实现所述导航块沿所述圆形轨道自动旋转，具体包括：
5.根据权利要求4所述的方法，其特征在于，所述设置定时轮询，调用所述导航块旋转对应的函数，具体包括：
6...
【专利技术属性】
技术研发人员：武红强，唐李梅，肖雪，王少华，
申请(专利权)人：浪潮工创山东供应链科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。