简单的JS控制button颜色随点击更改的实现方法
作者：jingxian 发布时间：2024-07-07 12:03:27
标签：button,点击,变色
先上效果图：
默认“今日”是选中状态，是行内样式：
<button type="button" id="today" class="btn-link" onclick="todayDate()" style="color: #0062CC;">今日</button>
上面的日期都是点击才会切换颜色：
点击其它颜色，“今日”颜色更换成灰色
再次点击“今日”，还原回默认状态颜色
在除“今日”外的其它任一个日期中添加一个点击事件，可以实现【改变“今日”默认颜色状态】
在“今日”的点击事件中添加【还原‘‘今日''的默认状态颜色】
//昨日click
function yesterdayDate() {
document.getElementById('title').value = getYesterdayDate(new Date());
fetYesterdayData();
today.css('color','#555555');
}
//今日click
function todayDate() {
document.getElementById('title').value = formatterDateStr(new Date());
fetTodayData();
today.css('color','#0062cc');
}
OK，完成
0
投稿猜你喜欢
windows下安装Virtualenvwrapper我们可以使用Virtualenvwrapper来方便地管理python虚拟环境，但是在- 今天我遇到一个问题，MySQL企业版备份引起I/O子系统负载过大，应用响应缓慢，导致系统不可用。所以我想限制mysqlbackup的进程，使
- 如题：只需要给定输出特征图的大小就好，其中通道数前后不发生变化。具体如下：AdaptiveAvgPool2d CLASStorch.nn.A
- apscheduler 模块安装apscheduler 模块pip install apschedulerapscheduler 模块介绍A
- 我就废话不多说了，大家还是直接看代码吧~# 用一行代码实现for循环初始化数组o = 10b = [ o + u for u in rang
- 本文以Centos7.6系统与Oracle11g为例：一.先找到数据库的环境变量如果是在root账户下，须先登录到数据库所在账户su ora
- 模型定义常用函数利用nn.Parameter()设计新的层import torchfrom torch import nnclass MyL
- 在Qtdesigner中新建一个主界面如下所示：ctrl+R 预览从预览图中可以看出这时的界面不支持伸缩，拖动过小的话会导致部分界面遮住不可
- 一、安装pycryto能实现大致3种类型的数据加密（单向加密、对称加密 和非对称加密），产生随机数，生成密钥对，数字签名单向加密：Crypt
- Python：1. print()函数：打印字符串2. raw_input()函数：从用户键盘捕获字符3. len()函数：计算字符长度4.
- 1、安装 vue-i18n依赖yarn add vue-i18n 或者 npm install vue-i18n --save-dev2、在
- 在开始之前，先问问大家：什么是百度Aip模块？百度AI平台提供了很多的API接口供开发者快速的调用运用在项目中本文写的是使用百度AI的**在
- 环境： python 2.7 + win10工具：fiddler postman 安卓模拟器首先，打开fiddler，fiddler作为ht
- ——nodejs安装及环境配置1.nodejs官网,下载windows平台nodejs环境安装包(.msi格式)，安装2.测试安装是否成功：
- 表结构：CREATE TABLE `instance` ( `id` int(11) unsigned NOT NULL AUTO_INCR
- 在图像处理以及图像特效中，经常会用到一种成高斯分布的蒙版，蒙版可以用来做图像融合，将不同内容的两张图像结合蒙版，可以营造不同的艺术效果。这里
- 目录正文开始1. DRF 中的限流2. 限流进阶配置3. 限流思路分析4. 源码分析5. 其它注意事项参考资料正文开始先说一个限流这个概念，
- 在小飞的博客上看到他写了一篇关于reset.css的文章，文章中关于css的部分分析的非常不错，但对于文中关于强调把CSS分别配置，对每一个
- 两张表，A表中的记录B表中不一定有。左连接:关注左边，右边没有就为空。右连接:关注右边，左边没有就为空。内连接:返回交集例如:student
- 本文实例分析了php5.4传引用时报错问题。分享给大家供大家参考，具体如下：php5.3系列版本以及以前版本，传引用没有什么问题，升级到ph
