基于jQuery1.42的黑色动感且漂亮的二级网站导航菜
日期:2010-06-28 01:11:06 来源:网络收集
jQuery超级动感,而且非常漂亮的两级网站导航菜单栏,编写时候先取得mainNav层下所有导航标签,通过a标签获得,然后拆分元素的id属性值,用于确定鼠标动作以触发动画。
主导航栏层移动原理:当移动动作被触发时,计算需要经过几个标签,计算他们的值,然后相加得到的值就是移动后的left属性值;子导航栏移动原理:当主导航栏移动被触发时,等待其移动完成后,将已有的子导航栏移走,然后重新计算起始位置,将其赋为第一个标签的left值,并且计算每一个标签间距以获得每个标签的实际left值,并循环赋值,完成移动。
主导航栏层移动原理:当移动动作被触发时,计算需要经过几个标签,计算他们的值,然后相加得到的值就是移动后的left属性值;子导航栏移动原理:当主导航栏移动被触发时,等待其移动完成后,将已有的子导航栏移走,然后重新计算起始位置,将其赋为第一个标签的left值,并且计算每一个标签间距以获得每个标签的实际left值,并循环赋值,完成移动。
您可能感兴趣的脚本
菜单导航2013-02-27
菜单导航2009-05-04
菜单导航2010-07-13
焦 点 图2013-03-05
悬浮漂浮2010-05-18
菜单导航2017-04-18
焦 点 图2009-07-27
相册代码2009-05-20
菜单导航2011-08-25
在线客服2011-12-19
在线客服2014-04-15
图片特效2013-02-18
菜单导航2009-09-16
图片特效2010-05-23
相册代码2009-04-30
焦 点 图2014-12-04
菜单导航2010-07-20
相册代码2009-07-28
悬浮漂浮2010-09-03
图片特效2014-10-16
焦 点 图2009-11-09
菜单导航2015-01-04
悬浮漂浮2009-11-12
菜单导航2011-09-26