通过自定义属性添加样式(css+js,动态判断背景颜色)
来源:互联网 发布:水镜先生知乎 编辑:程序博客网 时间:2024/06/05 17:17
今天我们要写一个写死的背景色,通过我们的JS把背景色变成活的。
当我们通过点击 “ + ” “ - ” 号 来控制 右边 <li> 标签的 隐藏显现!!!
一开始背景色是直接写上的,点击第一个 “+” 右边就是 对应的<li>标签 也相对应的背景颜色。
后来觉得太难看了,要点击的时候背景色随着我出现的几个li标签来添加。 一行灰色,一行白色。
我们就用属性来写css样式,用js的判断属性来动态判断背景颜色的生成。----------------------------
HTML页面:
css页面:
我们到底是什么进行JS判断呢???
总结 :
我们 通过判断 属性 isShow 是否等于 1 还是 0 等于 1 就是 li元素显现的时候 的背景色,重新遍历 动态添加背景色
如果是写死的颜色怎么在成活的添加背景。相同的想法:分享一个 第三方判断方法
var clock = true;
if(clock == true){
条件
clock = false
条件
clock = false
} else {
条件
clock = true
条件
clock = true
}
大家好!我叫杨小宝。分享各自数据判断,逻辑。
阅读全文
0 0
- 通过自定义属性添加样式(css+js,动态判断背景颜色)
- Css transition属性(添加动态过渡样式)
- 通过js为表单添加CSS样式
- 通过js动态的设置css样式
- JS函数动态添加CSS样式表
- CSS颜色及背景属性
- CSS颜色和背景属性
- CSS颜色和背景属性
- CSS笔记(字体样式,文本属性和颜色样式)
- js通过判断地址字符串,来添加样式
- 如何通过js动态的加载css样式文件
- css样式背景颜色渐变效果
- CSS语法手册(五)颜色和背景属性
- CSS语法手册(五)颜色和背景属性
- Android自定义TextView实心圆角颜色背景(动态改变圆角背景颜色)
- CSS手册简编:颜色背景属性
- CSS 规则,布局,背景颜色,Color属性
- js动态添加css
- GDB和coredump
- Linux应用程序地址布局
- 静态函数库、动态链接库设置
- css技巧—图片配文字
- linux应用编程学习(6)信号
- 通过自定义属性添加样式(css+js,动态判断背景颜色)
- 信号量的互斥与同步
- 共享内存通信
- 消息队列编程
- 多线程互斥和同步
- Linux网络编程协议
- TCP/UDP socket编程学习
- vim多行增加缩进
- yii2 邮件发送教程