jQuery实现滚动线导航效果的方法
本文介绍了一种用jQuery实现滚动线导航效果的方法，供大家参考，具体分析如下：看到这个导航第一时间在魅族的官方网站，当时（去年）感觉很好，但我不会Javaｓｃｒｉｐｔ，所以它不可能在那个时候，Android官方网手机QQ的今天，发现类似这样的导航，反正它是什么，所以尽量使用jQuery做出这样的效果。
结果如下：
首页
说点什么
杂志
专辑
CSS：
身体，UL，李余量：0；填充：0；}
# testnav {；高度：80px；背景：# 333；}
。testmenu {宽度：320px；填料顶部：45px；保证金：0汽车；}
。为div {浮动：左；宽80px；身高：30px；文本对齐：中心；}
。为一{颜色：# CCC；文字装饰：无；字体：700 12px / 1 歌体；}
。为：悬停{颜色：# cceeff；文字装饰：下划线；}
。测试线盒{宽度：100%；背景：# EEE；}
。Testline {显示：块；高度：3px；宽80px；背景：# 999；}
HTML：
首页
说点什么
杂志
专辑
jQuery：
连结线=美元（的跨越。Testline ）；
W = $（var $ 。为> div）。Width（）；
var m＝0；
$（。为> div）。每个（功能（N）{）
变量x = $ w * n；
$（这）。Mouseenter（function（）{）
line.stop美元（真的，真的）。动画（{余地：x }，慢
}）；
$（
m＝x；
}）；
}）；
$（，为）。Mouseleave（function（）{）
line.stop美元（真的，真的）。动画（{余地：M }，慢
}）；
该代码是粗糙的，加上他们有限的，也许你可以写得更好（简体无论如何，普遍的看法是，这应该是_ + +）。
注：缓和的插件效果中使用的代码。记得下载参考plug-in.if你不想使用宽松的easeoutback JS插件，可以删除或修改的摆动。
链接地址的菜单演示我用Javaｓｃｒｉｐｔ：无效（0）相反，主要目的是为了方便演示效果。在实际应用中，我们可以根据当前的URL判断当前的位置，确定位置，然后分配变量m Javaｓｃｒｉｐｔ，这样我们可以确定线在这菜单。当然，还有其他的方法来判断当前的位置。
希望本文能对大家的jQuery程序设计有所帮助。