jQuery实现导航栏头部菜单项点击后变换颜色的方法

本文实例讲述了jQuery实现导航栏头部菜单项点击后变换颜色的方法。分享给大家供大家参考，具体如下：

实现效果如下：

话不多说直接上代码：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title style a { text-decoration : none；颜色：黑色；} #菜单{宽度： 100%；高度： 20像素背景李；向左浮动：左填充左侧： 20像素背景-颜色：白烟；} .活动{ color:白色；背景-颜色：黑色；} .无{底色：白烟；}/style/head dyul id=' menu ' lia href=' # ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow '首页/a/Li lia href=' # ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow '直播/a/Li lia rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow '新闻/a/Li lia href=' # ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow '关于/a/Li/ulscript src=' http : jquery-1。 7 .2 .量滴js '/script script $(' #菜单阿利')。单击(function(){ var f=this；$(' #菜单阿利')。每个（函数(){ this.className=this==f '？active ' : ' none ' })；});/脚本/正文/html更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery切换特效与技巧总结》 、 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。