本文实例讲述了jQuery实现点击后高亮背景固定显示的菜单效果。分享给大家供大家参考，具体如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejquery实现点击后高亮背景的菜单特效/title style * { margin 33600；划水：0;列表式：无；} body { font : normal 14px/24px ' MicroSoft YaHei '；}.cotr { width :960 pxh three :32 px线高：32 px背景技术： # 999;margin:0 auto}。cotrs a { height:32px线高：32 pxcolor: # fff文本装饰：无；padding:0px 10px显示：块；float:left}。cots a :悬停{ text-装潢：无；背景技术： # 000;}.cots a .这个类{ text-decoration : none背景技术： # 000;}/style/head dybrbrbrdiv class=' cotr ' a href=' JavaScript : ' class=' this class '首页/aa href='javascript: '菜单导航/aa href='javascript: '时间日期/aa href='javascript: '焦点图/aa href='javascript: '选项卡标签/aa href=' JAVAScript : ' jquery特效/aa href='javascript: '在线客服/aa href='javascript: '广告代码/aa href='javascript: '相册代码/aa href='javascript: '图片特效/aa href='javascript: '名站特效/aa href='javascript: '其他代码/aa href=' JavaScript : ' html 5/a/div脚本src=' http : jquery-1。7 .2 .量滴js '/script script $(function(){ var cots=$(').cotr a '；帆布床。点击(函数(){ $(this)).addClass('thisclass ').兄弟姐妹()。移除CLaSS(" this CLaSS ")；});});/脚本/正文/html运行效果图如下：

完整实例代码点击此处本站下载。

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery切换特效与技巧总结》 、 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

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