Jquery鼠标点击后变色,点击另一个按钮颜色还原

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$("#nav li").click(function(){
$("#nav li").eq($(this).index()).addClass("navdown").siblings().removeClass("navdown");
})
})
或者如下:
$(".main_title li").click(
 function() {
$(".main_title li").eq($(this).index()).css('background','#c30b15').siblings().css('background','#cccccc');
 })
</script>
<style>
a{text-decoration:none; color:#666666;}
#nav ul{ list-style:none; float:left; text-align:right; margin-top: 18px; line-height: 42px; margin-left: -2px;}
#nav ul li{ font-family:"微软雅黑","宋体"; font-size:14px; font-style:normal; font-weight:bold; letter-spacing:4px;}
#nav ul li a:hover{ color:#666666;border:1px solid #F00;}
.navdown a{color:#ff0000; border:1px solid #F00;}
</style>
<body>
<div id="nav">
<ul>
 <li class="navdown"><a href="#"><span>网站首页</span></a></li>
          <li><a href="#"><span>关于我们</span></a></li>
 <li><a href="#"><span>新闻资讯</span></a></li>
 <li><a href="#"><span>产品展示</span></a></li>
 <li><a href="#"><span>客户案列</span></a></li>
 <li><a href="#"><span>联系我们</span></a></li>
 </ul>
</div>
</body>

Jquery鼠标点击后变色,点击另一个按钮颜色还原相关推荐

  1. JavaScript点击事件-一个按钮触发另一个按钮

    <input type="button" value="Click" id="C" οnclick="Go();" ...

  2. js中jquery鼠标事件(点击替换、鼠标移入、移出)

    1.先添加三张图片 <img src="./vscode/images/1.jpg" width="300"><img src=". ...

  3. jquery鼠标移入变色移出恢复

    一.需求说明 现需要对一个表格的内容部分做下高亮处理:当鼠标放到这一行时,背景色发生改变:当鼠标移出这一行时,恢复这一行的原有背景色.如下图,原来是除了首行以外,带序号的内容部分,奇偶行背景色交替变化 ...

  4. jquery点击完一个按钮,并且触发另一个按钮

    $a.click(function(){ $b.trigger('click'); }); 转载于:https://www.cnblogs.com/Neilisme/p/6890838.html

  5. 有多个按钮,点击一个变色,点击另一个变色,原来的恢复颜色的方法

    之前用到网上说的fouce也可行,但是失去焦点后,点击别处按钮也会恢复颜色,所以这样也行不通.后来找了好久,这个方法终于行的通. html代码: 我是在table中加的按钮submit. <ta ...

  6. 转:(很有用)有多个按钮,点击一个变色,点击另一个变色,原来的恢复颜色的方法

    <table> <tr><td><input class="flag hq_hy" type="submit" οnc ...

  7. Creator新手引导 | 限制只能点击一个按钮 | 文字打字机效果

    效果 实现这个非常简单巧妙 源码在文末 实现思路 节点有点多,一个一个讲解下 bg是游戏背景图,主要是为了和灰黑色的遮罩区别 Btn_parent是三个按钮的父节点,加了一个layout,使每个按钮不 ...

  8. js按钮触发网页提醒_jquery,js页面加载时自动点击触发jq按钮-Go语言中文社区

    jq加载时自动执行事件需要这样写 $(function(){ $('.signinpanel').hide();//加载时,隐藏一个元素 }) jq加载页面时自动点击按钮,则 按钮 function ...

  9. 小程序在js设置data,循环点击改变tab的颜色

    业务场景:点击对应的按钮颜色出现在对应的按钮上 实现步骤: 1.在html循环tabs数据 2.点击按钮,获取tab的id,和长度,开始循环,做判断即可,代码一看就懂 js设置tab代码: /* au ...

最新文章

  1. 目标10亿部?苹果AR眼镜有望明年登场!传搭载Mac级处理器、4K显示屏
  2. 细胞转染的操作步骤及注意事项
  3. c++获取数组长度_灵魂拷问:Java如何获取数组和字符串的长度?length还是length()?...
  4. 使用 Azure CLI 将 IaaS 资源从经典部署模型迁移到 Azure Resource Manager 部署模型
  5. react 最佳实践_最佳React教程
  6. 微软发布Windows 11 PC上也能运行手机应用
  7. 任正非回应一切:今天的困难十多年前就有预计(附问答实录)
  8. 冲刺周期二--站立会议03
  9. Pytorch/Caffe可以先转换为ONNX,再转换为TensorRT
  10. OSX malware and exploit collection (~100 files) + links and resources for OSX malware analysis
  11. 安装SQL Server 2012 RTM遇到 Microsoft NET Framework 4 0 install
  12. 基于FPGA的cameralink编解码测试系统设计
  13. 怎么看计算机的a卡右键找不到,右键没有显卡,右键没有amd显卡选项
  14. Mathematica画图的问题
  15. 【Docker】如何进入到Docker容器内部
  16. 性能测试——负载测试、容量测试、极限测试、压力测试
  17. 安卓实现仿微信点赞好友昵称列表,中间用逗号隔开
  18. APIcoud 手机二维码or条码 生成与扫描模块
  19. H5兄弟连web前端
  20. unity拖拽UI生成Cube并跟随鼠标移动,放置点可放下

热门文章

  1. 货币供应量M1M2与上证综合指数之间的相关性图示
  2. python 期货策略_Python版商品期货跨期布林对冲策略 (教学)
  3. 常用计算机硬件品牌,介绍几个常用的电脑硬件检测工具
  4. 千牛计算机使用方法,如何在电脑千牛中打开移动旺店
  5. 从千牛产品策略看电商客服接待场景
  6. Hive体系结构介绍
  7. 关于win10输入法导致电脑直接卡机无法动弹问题
  8. 计算机CPU工作(多核/缓存)原理
  9. Android 安卓ADB命令远程调试 单个或多个设备调试
  10. 道德引擎——灾难来临,你够资格登上诺亚方舟?墨尔本大学《java面向对象》结辩作业