博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
简单的JS控制button颜色随点击更改
阅读量:7194 次
发布时间:2019-06-29

本文共 489 字,大约阅读时间需要 1 分钟。

先上效果图:

默认“今日”是选中状态,是行内样式:

上面的日期都是点击才会切换颜色:

  1. 点击其它颜色,“今日”颜色更换成灰色
  2. 再次点击“今日”,还原回默认状态颜色
  • 在除“今日”外的其它任一个日期中添加一个点击事件,可以实现【改变“今日”默认颜色状态】
  • 在“今日”的点击事件中添加【还原‘‘今日’’的默认状态颜色】
//昨日clickfunction yesterdayDate() {    document.getElementById('title').value = getYesterdayDate(new Date());    fetYesterdayData();    today.css('color','#555555');}//今日clickfunction todayDate() {    document.getElementById('title').value = formatterDateStr(new Date());    fetTodayData();    today.css('color','#0062cc');}

OK,完成

转载地址:http://jxqkm.baihongyu.com/

你可能感兴趣的文章
JQuery之解决命名冲突
查看>>
TipeMessage项目用到的新知识点
查看>>
Linux进程同步之POSIX信号量
查看>>
JavaScript-每隔5分钟执行一次ajax请求的实现方法
查看>>
XHTML使用规范
查看>>
界面上传文件js包【AjaxUpload.js】
查看>>
李洪强经典面试题5
查看>>
TScrollBox的用法 滚动事件
查看>>
Codeforces Round #371 (Div. 2) C. Sonya and Queries[Map|二进制]
查看>>
从头配置,开发 cocos2dx 3.14.1
查看>>
如何招聘程序员?
查看>>
命令行界面下使用emca安装配置Oracle Database Control实战
查看>>
linux下一个网卡配置多个IP
查看>>
MBTiles 1.2 规范翻译
查看>>
MySQL-监控告警系统
查看>>
linux应用time和timezone
查看>>
【hibernate】Hibernate SQL 方言(hibernate.dialect)
查看>>
崩溃类型与指令寄存器(指令)
查看>>
C#的抽象类别
查看>>
C# 客户端不需要通过网址提供对外接口
查看>>