您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

基于jQuery 1.42的黑色动感且漂亮的二级网站导航菜单

51自学网 2022-05-05 13:12:52
  javascript
jQuery 超级动感,而且非常漂亮的两级网站导航菜单栏,编写时候先取得mainNav层下所有导航标签,通过a标签获得,然后拆分元素的id属性值,用于确定鼠标动作以触发动画。
  主导航栏层移动原理:当移动动作被触发时,计算需要经过几个标签,计算他们的值,然后相加得到的值就是移动后的left属性值;子导航栏移动原理:当主导航栏移动被触发时,等待其移动完成后,将已有的子导航栏移走,然后重新计算起始位置,将其赋为第一个标签的left值,并且计算每一个标签间距以获得每个标签的实际left值,并循环赋值,完成移动。

下载地址:[ 下载地址1 ]
jQuery黑色多级动画平滑菜单
基于jQuery的导航菜单( 暖色、动画、折叠)
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1