jQuery 超级动感,而且非常漂亮的两级网站导航菜单栏,编写时候先取得mainNav层下所有导航标签,通过a标签获得,然后拆分元素的id属性值,用于确定鼠标动作以触发动画。
主导航栏层移动原理:当移动动作被触发时,计算需要经过几个标签,计算他们的值,然后相加得到的值就是移动后的left属性值;子导航栏移动原理:当主导航栏移动被触发时,等待其移动完成后,将已有的子导航栏移走,然后重新计算起始位置,将其赋为第一个标签的left值,并且计算每一个标签间距以获得每个标签的实际left值,并循环赋值,完成移动。
本文系作者在时代Java发表,未经许可,不得转载。
如有侵权,请联系nowjava@qq.com删除。