javascript - 网站上阵列的随机颜色

标签 javascript html css

<分区>

对代码很陌生。在实现一些代码以随机化我网站的一部分的背景颜色以根据数组进行更改时遇到一些麻烦。 找到这段代码:

$(document).ready(function(){
  var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];                
  var rand = Math.floor(Math.random()*colors.length);           
  $(‘#u97’, ‘#u379’).css("background-color", colors[rand]);
});

“#u97、#u379”是我要更改其背景颜色的 div。我用“脚本”标签在 header 中插入代码,但没有任何反应。还有一个主 CSS 文件,div 从中获取颜色,这会干扰某些东西吗?

最佳答案

试试这个:

$(document).ready(function(){
  var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];                
  var rand = Math.floor(Math.random()*colors.length);           
  $('#u97').css("background-color", colors[rand]);
  $('#u379').css("background-color", colors[rand]);
});

关于javascript - 网站上阵列的随机颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39440947/

上一篇:android - (31,16) : error CS1525: Unexpected symbol `(' , 期望 `)' 、 `,' 、 `;' 、 `[' 或 `='

下一篇:javascript - 在materializecss中,如何从右侧而不是默认左侧打开滑出菜单?

相关文章:

javascript - 页面加载 n 秒后打开覆盖窗口

javascript - d3.js 树形图 - 单击根节点时仅展开下一级节点

android - 我正在使用 webView 方法在 Android 应用程序中查看我的表单,但它不适合在移动设备中显示如何解决。?

jquery - 谷歌浏览器 : How can I keep an element's z-index after its position is dynamically set to 'fixed' ?

javascript - 如何使用 JavaScript 禁用 Evernote 网页 View "max-width"?

javascript - 如何在表单数据上附加多个文件输入

jquery - 如何制作复选按钮? (带有标签作为按钮的隐藏复选框 : CSS only)

html - 使表格单元格的边框为表格宽度的 100%

jquery - 仅在 chrome 和 safari 上损坏响应式布局,但 firefox 有效

css - 检查 Sass/SCSS 中的单元种类以优化 CSS