JQuery写的个性导航菜单

（一):XHTML:复制代码代码如下：div id='侧栏ul lia href='索引。html ' class='普通菜单'主页/a/li lia href='服务。html ' class='普通菜单'服务/a/Li lia href='常见问题解答。html ' class='普通菜单'常见问题解答/a/Li lia href='奖状。html' class='selectedMenu '奖状/a/Li lia href='关于。html ' class='普通菜单'关于羊驼/a/Li lia href二):JQuery复制代码代码如下：美元（文件)。ready(function(){ $(' # navigation menu Li ).正常菜单')。每个（函数(){ //创建一个重复的超链接，并将其放在当前的$(这个)上方。在($(这个)之前。克隆()。removeClass().添加CLaSS(“HeaLTH Menu”)；});$('#navigationMenu li ').悬停(函数(){ //我们将鼠标放在$(这个)上分配一个动作。查找('。悬停菜单')。停止()。动画({marginTop:'0px'}，200)；有生命的方法提供了无数种可能性}、function(){ //和鼠标移出$(这个)上的一个动作。查找('。悬停菜单')。停止()。动画({marginTop:'-25px'}，200)；});});（三)CSS复制代码代码如下： /*页面样式*/正文h1、h2、h3、p、td、引号、小、表单、输入、ul、li、ol、标签{ margin :0 pxpadding :0 px }正文{ margin-top :20 px；字体系列Helvetica阿里亚尔：无衬线；颜色： # 51555C高度：100%;font-size :12 px} /*导航菜单样式*/ul { height :25 px；字体系列Helvetica阿里亚尔：无衬线；font-size :12 px} ul li{ border:1px固体# 444444;显示：内嵌块；float:leftheight:25px列表样式-:型无；飞越：隐藏；} ul阿利、ul li a:hover、ul阿利：已访问{ text-摆设：无；} .普通菜单，普通菜单u :已访问。悬停菜单。悬停菜单u :已访问，选择菜单。选中菜单：已访问{轮廓：无；padding:5px 10px显示：块；} .悬停菜单。悬停菜单u :已访问，选择菜单。选中菜单：已访问{ margin-top :-25px；背景： URL(img/grey _ BG。gif)repeat-x # ee ee；color: # 444444}。选择菜单。选中菜单：访问过{ margin :0} .普通菜单。普通菜单：访问过{颜色：白色；背景： URL(img/dark _ BG。gif)repeat-x # 444444；} (四)效果图