Day7—奇偶数列背景颜色设置

最新推荐文章于 2022-05-12 15:17:27 发布

一朵风中摇曳的水仙花-

最新推荐文章于 2022-05-12 15:17:27 发布

阅读量555

点赞数 1

分类专栏：实训文章标签： html js

本文链接：https://blog.csdn.net/qq_45313388/article/details/117731627

版权

本文介绍了如何使用HTML和JavaScript，在页面加载完成后，动态地为奇数列设置红色背景，偶数列设置绿色背景，实现一种视觉效果的区分。

摘要由CSDN通过智能技术生成

要求：
页面加载完成后，将奇数列的背景色设置为红色，偶数列背景色设置为绿色
代码：

<!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-scale=1.0">
    <title>背景色设置

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一朵风中摇曳的水仙花-

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Spark大数据处理讲课笔记1.5 掌握Scala内建控制结构

howard2005的专栏

02-20

831

1. 掌握条件表达式； 2. 掌握各种循环； 4. 理解流间变量绑定； 5. 掌握yield语句的使用； 6. 掌握异常处理语句； 7. 了解match语句的使用； 8. 理解变量作用域

页面加载完成后，将奇数列的li背景色设置为红色，偶数列li背景色设置为绿色

m0_58823793的博客

06-09

772

<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title&...

参与评论您还未登录，请先登录后发表或查看评论

html table奇偶行颜色设置 (CSS选择器)

weixin_34258782的博客

01-06

1149

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。下面的例子, 设置表格的奇偶行背景颜色不同；单独设置表格的第1列背景颜色不同。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/...

CSS实现IE下奇数行与偶数行、奇数列与偶数列背景颜色的变换

Niuniu的专栏

08-25

4510

table tr{ background:expression(this.rowIndex%2==0?"#fff":"#eee");}table td{ background:expression(this.cellIndex%2==0?"#550000":"#005500");}

html 偶数项替换,JS通过奇数项和偶数项实现两种背景颜色的表格实现代码

weixin_39691748的博客

07-08

659

原理其实很简单：利用getElementsByTagName得到所有的元素，然后分别为奇数项和偶数项的元素添加背景颜色。核心代码：function color() {//把表头设为紫色var th = document.getElementById("th");th.style.background = "violet"//1.得到所有元素var trs = document.getElemen...

奇数偶数设置背景

edcxx的博客

06-08

916

页面加载完成后，将奇数列的li背景色设置为红色，偶数列li背景色设置为绿色

【分治】ZJOI2012day1[数列]题解

ZigZagK的博客

02-13

407

题目概述一个数列，其中A[0]=0,A[1]=1,A[2*i]=A[i],A[2*i+1]=A[i]+A[i+1]，给出T个n，求A[n]。解题报告一看就是高精度分治，但是普通dfs肯定超时（普通dfs次数=答案，而答案近似n也就是10^100），用map进行记忆化搜索竟然可以过（简单证明后面再讲）。不过这里有更加稳定的分治算法：随便观察一个n（比如9）的dfs路径，不难发现有大量重复计算

Day4 Hailstone

Ericzengxin的博客

12-22

219

Hailstone序列问题 Hailstone 序列问题是一个著名的数学问题，至今还未证明其正确与否。即任何一个正整数N，如果其是偶数就除以二，如果其是奇数就乘以3再加上1，最后这个数经过有限次的计算都会变为1。其表达式如下 Hailstone(n)={{1},if n equal 1{n}⋃{n2},if n is even{n}⋃{3n+1},if n is odd Hailstone(n) = \begin{c

DSP day7：第二、三、四、五、六章总集篇

jieyannn的博客

10-26

912

CHAPTER 2 1.给定差分方程表征的系统，已知y[n0]，输入x[n]=f(n)，求系统的输出y[n] 2.给定差分方程表征的系统，求系统的冲激响应 3.给定系统框图，求系统的冲激响应 4.给定输出序列y[n]，系统序列h[n]，求输入序列x[n] 5.给定y[n]=f(sinω,cosω)（y[n]由sin和cos组成），求基波周期N CHAPTER 3 1.给定h[n],求DTFT H...

使用随机数值改变元素背景颜色

VibMike的博客

03-29

702

1、先将默认样式去掉，并创建一个div 2、给div写一个最基础的样式 3、添加一个按钮，并且给按钮写上id名 4、给它设置样式 5、给按钮写点内容 6、先给按钮写个点击事件 7、获取到div 8、给rgb随机数值 9、将随机值给到div的背景 10、点击按钮即可随机到颜色 ...

vue 计数器_Vue监听事件实现计数点击依次增加的方法

weixin_31981135的博客

01-30

1062

1.实现计数器功能，每点击一次按钮，count值增加一或增加二，鼠标在cordinates行移动时会更新当前坐标，通过自定义函数或者stop属性禁止事件传播。效果如下：代码如下：计数器自增函数点击加一点击加二{{count}}cordinates:({{x}}/{{y}})-STOP UPDATEstop update too! new Vue({el:'#app',dat...

写一个表格的 html 结构以及对应的CSS，使表格奇数行为白色背景，偶数行为灰色背景，鼠标移上去时为黄色背景

编程菜鸟的学习记录

05-12

1867

写一个表格的 html 结构以及对应的CSS，使表格奇数行为白色背景，偶数行为灰色背景，鼠标移上去时为黄色背景

v-for奇数偶数输出多个背景色

愤怒的阿木木的博客

03-31

1187

记录一下最近做项目遇到的问题：elementui模仿网易云做出下面效果效果：这里是用的el-card做的：代码： <div v-for="(song,index) in item.songs" :key="song" :class="{cardBg1: index % 2 == 0}"> <el-card shadow="hover" > <el-row> <el-col :span=

html 奇偶行变色,利用JQuery和JS实现奇偶行背景颜色自定义效果

weixin_35816805的博客

06-28

721

JQuery实现:/p>"http://www.w3.org/TR/html4/loose.dtd">New Web Project$(function(){//可以是:$('#t1 tbody tr:even').css('background','red');$('#t1 > tbody tr:even').css('background','red');$('#t1 &gt...

JAVA控件属性列表_鸿蒙OS应用开发之——Java UI框架-常用组件ListContainer

weixin_42318712的博客

02-27

331

一概述ListContainer用来呈现连续、多行数据的组件，包含一系列相同类型的列表项ListContainer的使用方法ListContainer的常用设置ListContainer的样式设置二 ListContainer的使用方法2.1 在layout目录下的xml文件中创建ListContainer12345ohos:id="$+id:list_container"ohos:height...

CSS盒子模型——渐变问题（边框&背景）

zg0601的博客

10-16

5289

CSS盒子模型边框背景渐变问题

html div交替颜色,css实现兼容火狐、IE的LI奇偶行颜色交替方法

weixin_39672443的博客

06-21

347

本文实例讲述了css实现兼容火狐、IE的LI奇偶行颜色交替方法。分享给大家供大家参考。具体如下：这是一款兼容火狐、IE的LI颜色交替的方法，实则是平铺的背景，不过相对使用JS，平铺背景也不失为一种好方法，因为处理一个GIF图像也不是什么难办的事，最其码比使用JS的要兼容性好许多，你可以在不同的浏览器下试一下。运行效果截图如下：在线演示地址如下：具体代码如下：复制代码代码如下:/p>"http...

:nth-child(n)

lxw1844912514的博客

04-28

394

规定属于其父元素的第二个子元素的每个 p 的背景色： p:nth-child(2) { background:#ff0000; } 1定义和用法 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 n 可以是数字、关键词或公式。该选择器选取父元素的第 N 个子元素，与类型无关。 2 :nth-of-type() 选择器，该选择器选取父元素的...

JS实现简单计数器

自由&不束缚的博客

03-18

5155

使用HTML CSS和JavaScript实现简单计数器，有加、减和零三个按钮，分别实现加一、减一和归零操作。下面先看一下效果图。 HTML代码 <div class="body"> <div class="text"> <font>Counter</font> </div> <div class="co...