ecshop分类间隔变色_JS小案例：循环间隔重复变色

在A、B、C三个区块中，有且仅有一个红色，要求红色每隔一秒即进入下一个区块，变色过程不断循环往复。

参考代码：

JS小案例：循环变色的区块

.div {

width: 100px;

height: 100px;

margin: 50px;

border: 1px black solid;

float: left;

}

.red {

background: red;

}

window.onload = function () {

var aDiv = document.getElementsByClassName('div');

var start = 0;

var timer = setInterval(function () {

start++;

if (start > 2) {

start = 0;

}

for (var i = 0; i < aDiv.length; i++) {

aDiv[i].className = 'div';

}

aDiv[start].className = 'div red';

}, 1000);

}

ecshop分类间隔变色_JS小案例：循环间隔重复变色相关推荐

机器学习之sklearn-KNN近邻算法分类小案例（乳腺癌预测最优模型）
(案例):用sklearn包实现knn分类小案例,通过交叉验证网格搜索获取最优参数模型,进行参数评估. 导包: from sklearn.datasets import load_breast_can ...
Python:通过一个小案例深入理解IO多路复用
通过一个小案例深入理解IO多路复用假如我们现在有这样一个普通的需求,写一个简单的爬虫来爬取校花网的主页 import requests import timestart = time.time()u ...
python程序实例教程基础-编程小案例
编程小案例本小节实现一个通讯录管理程序,通过这个案例来融会贯通之前所学习的知识,该程序使用到如下知识点: 条件选择循环列表字典键盘输入屏幕输出编写程序 addr-manage.py 实现 ...
linux下set和eval的使用小案例精彩解答
linux下set和eval的使用小案例解答本博文主要是讲解学生提出的如下一行命令脚本定义的真正内涵: runlevel=$(set -- $(runlevel); eval "echo ...
用idea编写代码作为生产者，Kafka接收其【持续】发来的广告日志信息【小案例】(二)
接我们上一篇使用idea编写代码作为生产者,Kafka接收其发来的信息[小案例](一) https://georgedage.blog.csdn.net/article/details/1035034 ...
《java入门第一季》之类String类小案例
String类有许多获取方法,API文档里面可查看.针对获取方法,给出小案例. /** 需求:遍历获取字符串中的每一个字符* 分析: 用到两个方法:char charAt(int index) 表示获 ...
猜物品游戏java编程_小猿圈Java初学者练习小案例：猜数字游戏
对于Java初学者,如果没有好的引导,可能会觉得自己学什么都不好,学什么都不会,这个时候就要给他们一下小的案例,让他们去实践一下,让他们知道自己学的东西是可以用到的,小猿圈java讲师为你准备了Jav ...
java 后台跳出提示_小猿圈Java初学者练习小案例：猜数字游戏
对于Java初学者,如果没有好的引导,可能会觉得自己学什么都不好,学什么都不会,这个时候就要给他们一下小的案例,让他们去实践一下,让他们知道自己学的东西是可以用到的,小猿圈java讲师为你准备了Jav ...
python编程例子-几个Python小案例，爱上Python编程！
原标题:几个Python小案例,爱上Python编程! Python是一种面向对象的解释型编程语言,源代码与解释器CPython遵守GPL协议,Python语法简洁清晰. 语法简洁清晰,那么我们用少量 ...
99乘法表带颜色HTML隔行变色,javascript小实例，实现99乘法表及隔行变色
人生短暂,废话不多说,直奔主题! 这个小实例的要求: 实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开 ...

ecshop分类间隔变色_JS小案例：循环间隔重复变色

ecshop分类间隔变色_JS小案例：循环间隔重复变色相关推荐

最新文章

热门文章