divs上的交替背景色
基础概念
div 是 HTML 中的一个块级元素，用于布局和分组其他 HTML 元素。交替背景色是指在一个列表或容器中的元素交替显示不同的背景颜色，通常用于提高视觉效果和可读性。
相关优势
- 提高可读性：交替背景色可以帮助用户更容易地区分相邻的元素。
- 美观：通过使用不同的颜色，可以使页面看起来更加生动和专业。
- 用户体验：良好的视觉设计可以提升用户体验，使用户在使用网站时感到更加舒适。
类型
- 纯 CSS 实现：使用 CSS 伪类选择器
:nth-child或:nth-of-type。 - JavaScript 实现：通过 JavaScript 动态设置元素的背景色。
应用场景
- 列表项（如新闻列表、商品列表等）
- 表格行
- 任何需要区分相邻元素的场景
示例代码（纯 CSS 实现）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>交替背景色示例</title>
<style>
.container div {
padding: 10px;
border: 1px solid #ccc;
}
.container div:nth-child(odd) {
background-color: #f2f2f2;
}
.container div:nth-child(even) {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="container">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
<div>Item 4</div>
<div>Item 5</div>
</div>
</body>
</html>示例代码（JavaScript 实现）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>交替背景色示例</title>
<style>
.container div {
padding: 10px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<div class="container">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
<div>Item 4</div>
<div>Item 5</div>
</div>
<script>
const container = document.querySelector('.container');
const items = container.querySelectorAll('div');
items.forEach((item, index) => {
if (index % 2 === 0) {
item.style.backgroundColor = '#f2f2f2';
} else {
item.style.backgroundColor = '#ffffff';
}
});
</script>
</body>
</html>常见问题及解决方法
- 背景色不交替显示：
- 原因：可能是 CSS 选择器使用错误或 JavaScript 逻辑错误。
- 解决方法：检查 CSS 伪类选择器是否正确，或检查 JavaScript 循环逻辑是否正确。
- 背景色不一致：
- 原因：可能是 CSS 样式被其他样式覆盖，或 JavaScript 设置的背景色不一致。
- 解决方法：使用浏览器的开发者工具检查元素的样式，确保没有其他样式覆盖；检查 JavaScript 代码，确保背景色设置一致。
参考链接
通过以上内容，你应该能够理解 div 上交替背景色的基础概念、优势、类型、应用场景以及常见问题的解决方法。
相关·内容
我有一个关于改变当前元素的颜色的问题。因此，我想通过每次点击改变当前元素的背景色。
我的问题是，我不能重置前一个元素的背景色。
举个例子，我这里有两种背景颜色(黄色，淡蓝色)，如果我点击“旧div”和“新div"，比两个div的背景色变为绿色。但是只有一个div应该设置为绿色。
因此，每次单击只能更改当前元素的背景色。
JavaScript
var divTag = document.getElementsByTagName("div");
for (var i = 0; i < divTag.length; i++) {
if (divTag[i].t
浏览 8提问于2014-11-20得票数 2
回答已采纳
1回答
我正在编写一个包含多个div的代码，该代码使用一个按钮在单击时更改div的背景色。divs的背景被硬编码到html: ex中：
<div style="background-color: grey">
</div>
单击该按钮时，希望将背景色永久更改为白色。然而，颜色只会在一段时间内变为白色。守则如下：
<script>
var divs=document.getElementsByTagName("div");
function noColors(){
for(i=0;i<divs.le
浏览 1提问于2014-03-08得票数 1
回答已采纳
我是一个初学者Javascripter，我想运行这个脚本来随机更改框的背景色。这是我的JS：
var divs = document.getElementsByClassName("col-sm-3");
var innDivs = [];
colournumber = function() {
return(Math.random().toString(16) + '000000').slice(2, 8);
}
for (i=0;i<divs.length;i++) {
innDivs[i] = divs[i].getElementsByTagN
浏览 2提问于2014-09-30得票数 1
回答已采纳
我无法为我的问题/想法找到解决办法，我希望有人能帮助我。在WPF中，我有一个依赖于CollectionViewSource的IEnumerable<Item>。Item具有名称、高度、年龄字段。在Xaml中，ListView的ItemsSource="{Binding CollectionViewSource.View}"。
我知道，Listview有一个AlternationCount属性，它可以更改行的背景色。
但是，只有当年龄字段数据与上一行的年龄数据不同时，我才希望更改行的背景色。
像这样，按年龄排序
只有当年龄数据不同时，行背景色才会交替。
当我
浏览 7提问于2016-10-17得票数 1
回答已采纳
2回答
尝试使用onkeypress事件更改所有div的背景色。R= Red，B=White，V=Green.当按R时，它会工作，但当我按V或B键时，它会给我警告。我尝试了不返回，用一个开关(实际上我应该用一个开关来做这个)。老师今天取消了课，所以我不能和他一起去看.And，我要到下周才能见到他。我试了2-3个小时的东西和其他东西，我完全卡住了，请帮帮忙。提前感谢
window.onkeypress = function colorchange(x)
{
if (x.keyCode == 114)
{ var divs = document.ge
浏览 2提问于2017-03-01得票数 0
回答已采纳
首先，在显示图像的portfolio部分中，css属性
width: 100%
不起作用。
其次，我有两个DIVs，由于某种原因，它们粘连在一起。
我该如何解决这些问题呢？
这里有把小提琴：
澄清:粘在一起的两个div是“image”和"about“div。如您所见，"about“div的背景色也被粘贴到"images”div中。
浏览 3提问于2013-04-06得票数 0
回答已采纳
我的公司有报告标准，要求表格的线条为了可读性而在颜色上交替。我知道如何做到这一点，但是我正在编写的最新报告在每一行上都有条件可见度。
所发生的情况是，在检查可见性条件之前，将交替的背景色应用到表中，留下一个没有背景色图案的报表。
当某些属性表达式应用于表时，我搜索了要更改的任何类型的设置。似乎没有一个。
如能提供任何帮助，将不胜感激！
浏览 1提问于2019-10-14得票数 0
回答已采纳
我在divs中有一个div的结构，类似于：
<div>
<div>
<div class='a'>Hello</div>
<div class='a'>Stack</div>
<div>Overflow</div>
</div>
<div>
<div>You</div>
<div class='b'
浏览 4提问于2010-09-15得票数 2
回答已采纳
我有3个孩子divs封装在一个父div中，如下所示：
在点击每个子div，我希望它的背景色被更改为红色。但是，如果已经有一个带有背景颜色红色的div，并且单击了其他一些div，那么它的背景色应该更改为白色。只有一个背景色红色的div。我是新手。我在React中读到了关于和states的文章，但却找不出我如何做到这一点。
提前谢谢。
浏览 0提问于2016-07-14得票数 0
回答已采纳
我正在进行一个项目，该项目将使用两个不同的onClick events.My divs从两个不同的Divs获取背景色，它们具有十六进制背景色值。我希望得到它们并将它们作为线性梯度连接起来，将它们应用到父div中，并希望将相同的代码转换为rgb。这是我的HTML，CSS和Js
<div class="color ForeignCrismon" onClick="GetColorOne(event)"></div> <!--First Color Stop-->
<div class="color BrewedBro
浏览 2提问于2016-06-12得票数 2
回答已采纳
目前，我有一个包含几行数据的表。在背景色中，行在蓝色和白色之间交替。每当我鼠标超过，我希望背景颜色临时改为红色，并返回到原来的颜色，无论是蓝色还是白色。
$(document).ready(function () {
var currColor = "";
$("tr.HierarGridItem").hover(function () {
currColor = $("tr.HierarGridItem").css("background-color");
$(this).cs
浏览 2提问于2015-07-06得票数 1
回答已采纳
3回答
我有一个无序列表的项目，是交替的背景颜色通过:nth-child(even)。当鼠标通过:hover悬停在这些项目上时，它们也会以不同的背景色高亮显示。
我需要能够指定项目，使他们保持交替的背景色，但不要高亮显示在悬停。
我还没想出办法来做这个。
下面是一个简短的例子：
浏览 4提问于2014-02-18得票数 0
回答已采纳
当javascript将行的类更改为“.ui-state-highlight”时，TDs的背景色会发生变化
在IE中，当鼠标滑出TD内容中的DIVs和IMGs时会出现闪烁，有没有办法防止这种闪烁？
浏览 1提问于2010-06-09得票数 0
回答已采纳
似乎有多种方法可以设置数据网格的背景色。
请参阅：
请参阅：
我有一个以HierarchicalData作为数据源的高级数据网格。为此，我必须为父节点和子节点设置备用背景色。
<mx:AdvancedDataGrid id="electionGrid" alternatingItemColors="[#449933, #994433]" width="100%" height="70%" folderOpenIcon="{null}" folderClosedIcon="{null}" def
浏览 1提问于2011-04-06得票数 3
回答已采纳
我有两组函数，一组更改div (动态创建的div或已经存在的div)的背景色，另一组在div中添加新的div，后者具有class="divplace“。
单击事件的工作方式如下: 1)单击带有ID="background_color_button“的”按钮“，然后在要将背景色更改为的div上。或 2)单击带有ID="clicker“的”按钮“，在div中添加div。
以下是第一个：
var $currentInput = null;
$("#background_color_button").live("click", function
浏览 0提问于2011-04-26得票数 0
回答已采纳
2回答
我试图循环的divs，B，C，D连续和顺序使用z-指数，但我无法得到正确的时间。
我有一个密码
任何帮助都将不胜感激。
谢谢
浏览 1提问于2014-01-22得票数 0
回答已采纳
3回答
我在Jquery中有这个函数
function row_content(col1, col2) {
var divs = col1 + col2;
for(var n = 0; n < divs.length; n+=2){
divs.slice(n, n+2).wrapAll('<div class="row-content"></div>');
}
}
var col_2_3 = $('.col_2_3');
var col_1_3 = $('.col_1_3');
浏览 6提问于2015-06-25得票数 2
回答已采纳
5回答
第一次在这里发帖。我是jquery的初学者，我遇到了一些灰色地带。希望我能在这里找到我的答案，并从中学到:)
所以我有一个10种不同的div。所有的人都有相同的课程。每次单击div时，它都必须添加另一个类(在本例中是css中的背景颜色)。为此，我要说的是：
$(document).ready(function() {
$(".menucardmenu").click(function(){
if($(this).hasClass("menucardmenu")) {
$(this).addClass("bac
浏览 1提问于2011-06-11得票数 3
回答已采纳
1回答
我有三块钱：
#box1 {
margin-left: auto;
margin-right: auto;
background-color:#f1c40f;
text-align: center;
}
#box2{
margin-left: auto;
margin-right: auto;
background-color:#f39c12;
text-align: center;
}
#box3{
margin-left: auto;
margin-right: auto;
background-color:
浏览 3提问于2015-03-09得票数 0
回答已采纳
1回答
我有两个DIVs是分层的；一个在前面(z-index:1)，一个在后面(z-index:-1)。我希望前面的DIV有一个‘背景色:透明’，在后面的DIV有一个‘背景颜色:灰色’。
问题是透明的颜色只显示灰色(我想这是预期的)，所以两个DIVs都显示为一种颜色。有没有办法让内部的DIV具有透明的颜色，然后在周围有一个更大的DIV，在没有重叠的地方有一个不同的背景颜色？
浏览 0提问于2018-04-09得票数 1
回答已采纳
2回答
很多关于如何在容器内嵌套容器的答案--流体是个坏主意。因此，如果不这样做，我如何使我的非流体行的背景色占据整个屏幕的宽度？
你可以看到Bootstrap在他们自己的网站上用紫色做这件事，但是查看源代码对我没有帮助。有什么想法吗？
浏览 3提问于2016-05-19得票数 0
回答已采纳
3回答
反应-用容器划分背景颜色
、、、
我一次又一次地面对这个问题，直到今天我才能找到最优化的解决方案。
假设我有两个DIVs，A和B。这两个DIVs都在一个容器中，并为每个列分配了一组列。什么是最好的方式来填充一个背景颜色的两个DIVs，它将占据剩余的左和右屏幕？有了这个我的意思是，左背景色将占据整个左DIV的宽度+剩余的左宽度没有使用的元素。(右侧相同)
为了更好的说明，这里有一个图像：
我知道，通过使用线性梯度，我们可以分割背景，但在较低/更高的视角，它可能变得棘手。
我希望这不会太让人费解，如果太愚蠢，我会道歉。
浏览 4提问于2021-10-01得票数 1
回答已采纳
2回答
我用这个作为我交替的背景色
IIF((RowNumber(Nothing) Mod 2)，"GAINSBORO"，"WHITE")
但是我需要将我的一行隐藏在Tablix中，这样会导致这种情况发生。
继续行和隐藏行的颜色交替的最佳方法是什么？
浏览 7提问于2015-11-07得票数 0
1回答
我正在尝试编写一个chrome扩展，它(目前)可以改变具有某个“类名”的元素的背景颜色。此代码(内容脚本)不起作用：
let divs = document.getElementsByClassName('arbitrary-class-name');
for (let el of divs) {
el.style['background-color'] = 'FFF298';
}
当我试图执行的时候，我得到了"Uncaught :div is not iterable“。我还试图检查源代码，我注意到我想要获取的所有元素都是在加
浏览 8提问于2020-10-27得票数 0
我有一个divs列表，它在一个类中连续出现4，我想创建一个棋盘背景样式，意思是：
为奇数和偶数divs应用不同的背景色
将每一行的奇偶切换为偶数。
我试过了
.boxwrapper:nth-child(2n-1), .boxwrapper:nth-child(2n) {
background:#ff0000;
}
.boxwrapper:nth-child(4n-2), .boxwrapper:nth-child(4n-3) {
background:#0000ff;
}
它对奇偶数div很好，但不能使它每4项切换一次。我头朝4n-1，4n+1的东西，如果我能得
浏览 6提问于2012-09-24得票数 3
回答已采纳
2回答
这有可能只使用JavaScript吗？
本质上，我有25个divs和一个类.cell，中心div包含文本："O“
我想循环遍历所有的单元格，并用"O“的innerHTML更改任何立即包围该单元格的单元格的背景色。
我知道我可以检查previousSibling和nextSibling
for (var i = 0;i < 25; i++) {
if (cell[i].innerHTML == "O") {
cell[i].previousSibling.style.backgroundColor = "#000"
浏览 2提问于2015-03-18得票数 0
回答已采纳
3回答
CSS并不是我真正喜欢的东西，当我看到位置相对的、静态的或绝对的时候，我的头就开始旋转：
所以问题是:我有一个DIV，在里面我需要将任意数量的<div>的水平地放置在上。这将在运行时完成，因为我不知道DIVs的数量和每个DIVs在设计时的宽度。例如，假设我要添加以下DIVs数组：
_aDIVs = [[40, '#red'], [10, '#green'], [40, '#blue'], [10, '#brown']];
First DIV需要填充父DIV的0%到40%，BG颜色为红色，从41%到50%，BG颜色绿色从
浏览 1提问于2011-07-21得票数 1
回答已采纳
我有一个报告，其中我有一个customerID组，而没有细节组。我到报表的数据集将包含每个客户，以及该客户的许多列信息。我已经创建了一组行，它们被适当地标记，并显示与它相关的有效数据(例如。年龄： 34岁，性别：男性)。我还有一些行，返回的数据可能是空的或空的。这些行我选择隐藏可见性。我不知道如何处理交替的背景色，因为总有一些行是不可见的，但你无法预测它们会是哪一行。如果数据集中的数据没有旋转，就可以消除不可见的行，只需显示包含详细信息分组的行，并执行RowNumber Mod解决方案。我希望有一个简单的方法来做这件事，就像我现在设置的那样。是否有方法检查上一个可见行的背景色？将报表变量设置为
浏览 0提问于2015-08-19得票数 0
回答已采纳
8回答
我在tableView:cellForRowAtIndexPath方法中更改UITableViewCells的背景色
if(indexPath.row % 2 == 0){
cell.backgroundColor = ...
} else{
cell.backgroundColor = ...
}
但是，这只会改变tableView中指定的单元格数量的颜色:numberOfRowsInSection(如所附图片所示，前四个之后有白色单元格)。
是否可以更改显示在屏幕上的所有单元格的颜色？
浏览 6提问于2014-07-14得票数 21
回答已采纳
4回答
我有两个容器，它们都是main-content div的子容器。每当第二个容器(或其他容器)溢出时，我都可以滚动，但divs溢出，只是内容溢出。
例如，下面的图像显示了第二个容器溢出，但是背景色并没有在我滚动时展开整个过程。我们尝试了绝对定位，但结果不是我所需要的。
此外，我希望任何填充都包括在滚动时。例如，我是否将我的填充设置为padding: 0 10px --我希望能够滚动10 be而不是溢出的内容(考虑到我的div将扩展？)
以下是复制问题的。
更新：
我可以通过设置每个div的背景色和主背景色来解决这个问题，但这似乎有点不干净，我希望有一个更好的方法来获得预期的结果。
这个
浏览 1提问于2015-06-11得票数 3
回答已采纳
我正试图在ASP.NET中设计一个web表单，其中我试图为不同的、空divs设置一个背景色。通常，下面这样的简单html代码可以工作：
<html>
<head>
<style>
#header{
width:100%;
height:20%;
background-color:lightblue
}
#nav-bar{
width:100%;
heig
浏览 4提问于2015-07-29得票数 0
回答已采纳
1回答
有没有人知道是否可以在脚本中控制qTip2的背景色？我可以动态设置消息，但我在更改背景颜色时遇到了问题。我有一系列不同颜色的DIV，我需要工具提示根据DIV的背景颜色来改变颜色。使用我的javascript，我可以获得qTip2的背景色，但是我就是不能在DIVs中设置背景色。
jQuery(document).ready(function($){
$(".tooltip").each(function(){
$toolTip = $(this).data('title');
var bgColor = $(this).cs
浏览 3提问于2013-06-30得票数 1
2回答
当试图给出一个高度取决于元素值在for循环不工作，同样的背景色。如果我通过数组接近这个项目，它就无效了。元素数据是一个数字。
code:
function chart(){
var divs = [a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12]
var a1 = document.getElementById("111").style.backgroundColor = "blue" ;
var a2 = document.getElementById("112").style.height = &
浏览 2提问于2020-05-15得票数 1
回答已采纳
设想两个长方形的DIVs并排。假设左边的是红色的背景色，右边的是蓝色的背景色。为了论证起见，让我们假设每一个都是250‘s宽。高度根据内部的内容变化，但通常是100 to到300 to高。
我想显示一个字符，一个等号，正好位于中间--即。垂直居中，50%位于红色DIV上，50%位于蓝色DIV上。
为了解决这个问题，我做了以下工作：
将红色DIV设置为width = col-4
添加了一个中心DIV，也是红色的，其宽度= col-1
将蓝色DIV设置为width = col-5
中间的DIV包含等号，大小为50 px50 it，周围有一个圆圈。
为了垂直中心，我将中心列设置为
浏览 0提问于2019-05-01得票数 1
回答已采纳
我觉得问这个很不礼貌，但我似乎想不出.我有一个标准的<ol>
列表项目列表项目列表项目
等。
例如，在我的CSS中，我想在背景色中包含整个<li> (在我最好的ASCII表示中)：
----------------
| 1. List item | <----- box = solid background color
----------------
但我似乎只能：
-------------
1. | List item |
-------------
我有丢失什么财产吗？太烦人了，我想修好它。另外，我要给这些不同的(奇数/偶数)着色，所以仅仅着
浏览 1提问于2009-07-15得票数 2
回答已采纳
3回答
在Javascript中从网页读取和/或设置Internet Explorer选项的最佳方法是什么？我知道这些都在注册表设置中。
例如，我使用在网页中动态生成条形图。它使用浮动DIVs中的背景色来生成条形图。我希望能够读取用于打印背景色的浏览器设置，如果未选中，则警告用户颜色不会打印，或者以编程方式选择此选项。
编辑:当我想到做类似事情的产品时，我认为它们大多只是测试Java、JavaScript或Cookie是否被禁用，这可以在不读取注册表的情况下完成。
所以我猜大家的共识是我想做的事情不应该被尝试。
浏览 0提问于2008-10-30得票数 0
回答已采纳
我绝不是一个专家-我一直在教自己谷歌应用程序脚本，同时构建这个脚本，我不知道如何解决这个问题。
我的代码的这一特定部分是用两个独立的条件过滤电子表格。第一种是通过A列中的特定字符串进行过滤，另一种是对D列中的单元格背景颜色进行过滤。几天前，我使用了这个精确的代码，但随着我的脚本的增长，背景色过滤不再起作用，每次都抛出这个错误：
异常:使用id正确ID访问文档时服务电子表格失败
以下是代码：
function deletecolor() {
var ss = SpreadsheetApp.getActiveSpreadsheet();
var sheet1 = ss.getSheetB
浏览 2提问于2021-10-27得票数 1
我正在移动澄清到这个帖子的顶部:当鼠标不盘旋在某个div上时，我希望这个div以外的元素有一个红色的背景色。如本文所示，使用not()选择器可以实现这一点吗？的困境似乎是，由于特定的div位于一个body元素中，所以鼠标始终在主体元素上盘旋，即使它在特定的div上，因此身体总是有一个红色的背景颜色.。
我正在尝试使用to ()选择器来影响在我的选择范围之外的元素上徘徊时的元素。
例如：
[data-panel] { background-color:white; }
:not([data-panel=visible]):hover { background-color:r
浏览 1提问于2014-10-17得票数 0
回答已采纳
我已经知道如何通过创建自定义html工具提示。我可以很容易地使用html修改内容，但我无法理解如何控制工具提示框本身。
我的问题产生是因为我创建的一些自定义工具提示超出了我的图表区域，我试图(但没有成功)找到一种方法来控制工具提示的位置。理想情况下，我希望它们的行为方式与googleVis中的默认工具提示完全相同(始终留在图表区域内)。
当我后来将同样的概念应用到折线图中时，我发现我还有另一个问题。工具提示落在线条上，所以我看不到工具提示的确切位置。
例如，是否可以保留默认googleVis工具提示的标注样式，并使用HTML语言更改内容？
此外，您是否知道是否有任何方法可以控制更多的工具提示属
浏览 1提问于2014-10-30得票数 4
我正在从UITableViewController中的nib文件加载UITableView单元格，但是我在Interface Builder中设置的背景色没有显示出来。为什么不行？
浏览 1提问于2013-02-11得票数 2
3回答
我是一个javascript noob试图控制和改变我的网站的背景颜色与javascript基于3种状态。我需要一个基本bg颜色(我的页面)，然后我需要交换下一页的bg在img悬停，最后返回到基础上鼠标离开。
到目前为止，我的设置如下：
-colors在html中将数据属性分配给页面主体和项目组合项div。
-my数据-bg是通过我的cms (kirby)中的颜色选择器动态分配的，因此我可以根据页面/项目更改颜色。
现在我的问题是：
可以成功地更改页面背景色。
document.body.style.background = document.body.dataset.bg;
以及我的悬停状态
浏览 8提问于2022-05-28得票数 0
4回答
我正在开发一个web应用程序，它需要允许用户拖放和旋转图像。
拖放使用jQuery UI可拖放解决。
但是我应该如何旋转页面上的图像呢？我的照片大多是一个彩色矩形。我使用divs在页面上绘制它们，但是如何旋转它们？
如果它们只旋转22，5-45-67，5-90度，那就没问题了。
所以我想出三种解决方案
使用画布
问题:支持
使用divs
问题:它还需要画布来旋转。
PHP
这个解决方案是剩下的唯一希望。
它的工作原理:应用程序将预先复制(22,5*x)原始图像的旋转版本。因此，只要用户想要旋转图像，它们就可以随时准备好。
请帮帮忙。如有任何建议请见谅
浏览 0提问于2010-11-29得票数 3
回答已采纳
5回答
动态更改特定div的颜色
、、、、
我想相应地更改divs的颜色，如果可能的话动态地-这就是我到目前为止所拥有的：
My数据库: shape
id is_success
id1 0
id2 1
id3 0
id4 1
<div class="container" style="background: black; width: 500px; height: 500px;">
<div style ="id="id1" width: 35%; height: 14%; margin:20%"
浏览 6提问于2017-07-25得票数 0
回答已采纳
嘿，我有一个十六进制的颜色数组，对于数组中的每种颜色，我想创建一个80px乘80px的正方形来表示该颜色。什么才是更快的性能智慧？
1:使用canvas标签迭代数组并使用fillStyle和fillRect()；
或
2:迭代数组并创建div框，并将div的背景色设置为数组中的当前颜色。
注意:我有1034种颜色，我是开放的其他建议，但它必须是基于网络的，不能是闪光。
浏览 0提问于2009-05-27得票数 1
回答已采纳
如何在仅使用ItemTemplate的情况下为列表视图行创建交替的背景色？我不想使用AlternateTemplate，因为每次我想要更改某些东西时，我都必须同时编辑它们，而我使用它的唯一目的就是创建交替的背景颜色。那么，有什么方法可以只使用ItemTemplate来完成这项工作呢？谢谢!
浏览 3提问于2011-12-30得票数 1
回答已采纳
2回答
有没有一种方法可以自定义项目渲染器的翻转和选定颜色，而不会丢失交替的背景颜色？
当我将autoDrawBackground标志设置为false时，翻转效果会停止，但由于某些原因，交替的背景也不会绘制。
我想创建一个渲染器，在悬停状态下绘制白色边框，在选中状态上绘制黄色边框，而不是默认的翻转颜色。我还想保留我在列表中设置的交替背景色。
有什么建议吗？
浏览 1提问于2011-06-01得票数 1
回答已采纳
当鼠标悬停在每个框上时，我应该将包含任务的div的背景色更改为每个框的颜色。当鼠标移开时，背景颜色应恢复为白色。为什么我的代码不能工作？
这是我的HTML：
<div id="task1" class="task">
<h2>Task 1</h2>
<div id="t1_color_one" class="t1_colors" style="background: hotpink;"></div>
<div id="t1_c
浏览 4提问于2014-10-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
