js小案例
快乐马仔
懒。
展开
-
隔行染色(升级版),触碰变色
隔行染色,触碰变色 分析:如上一文章一样,每隔一行颜色就一样,考虑用奇偶数来控制背景颜色,当我鼠标触碰到第二行时,背景颜色变为天蓝色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="原创 2021-04-02 15:15:22 · 122 阅读 · 0 评论 -
交通灯
交通灯 分析:每隔一秒就会变另外一个灯,红黄蓝交换显示,灯是用背景颜色控制,每个一秒转变一次考虑用定时器setInterval(),当第一个灯亮起红灯,黄蓝灯就熄灭,当黄灯亮起,红蓝灯就熄灭,当蓝灯亮起,红黄灯就熄灭,代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE原创 2021-04-02 15:33:11 · 133 阅读 · 0 评论 -
隔行染色
隔行染色 分析:每隔一行,颜色就一样,那么就考虑用奇偶数来控制背景颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal原创 2021-04-02 14:47:34 · 79 阅读 · 0 评论