主要介绍了jQuery实现简单漂亮的Nav导航菜单效果,涉及jQuery响应鼠标事件动态遍历与操作页面元素属性的相关实现技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现简单漂亮的Nav导航菜单效果。分享给大家供大家参考，具体如下： 自己写的一个简单的导航菜单，先看效果： 鼠标悬浮时菜单项向上移动成蓝底白字，点击之后底部会有蓝条表示当前选中项。 页面代码，菜单的每一项都是一个 div ，其中包括一个 ul 用来放置显示文字等，另一个 div 则是底部的蓝条，需要给第一项和最后一项设置不同的 class ，样式需要用到： 　　 　　　　 　　　　　　首页 　　　　　　<li cl