I could only come up with this
var colorsValues = {'#800000', '#A36386', '#FFD4D8, '#223CFF', '#F5FF5A', '#FF5555', '#A7EBFF'}; var colors = varcolorsValues{Math.floor(Math.random() * colorsValues.length)}; but it doesn't do anything. Am I on the right method?
I tried this as well.
$(document).ready(function () {
var back = ['#800000', '#A36386', '#FFD4D8, '#223cff', '#F5FF5A', '#FF5555', '#A7EBFF',];
var rand = back[Math.floor(Math.random() * back.length)];
$('div class='squareDivs'').css('background',rand);
})
Both don't work for my <div class='squareDivs'>either. Much help appreci
..............................................................
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery.js"></script>
<script src="myScript.js"></script>
<style>
body{font-size:30px;
font-family: "Arial", "sans-serif";}
table {
margin-top:50px;
background-color:white;
border: 1px solid black;
margin-left:auto;
margin-right:auto;
width:50%
}
td {
width: 700px;
padding: 5px;
border: 1px solid black;
}
.spanrows1,
.spanrows2 {
text-align: center;
}
.spanrows1 {
width: 400px;
}
.spanrows2 {
width: 600px;
}
.span2rows {
text-align: left;
}
.squareDivs {
width:100px;
height:100px;
background-color:#000000;
margin: 10px;
border-radius: 10px;
display: inline-block;
}
.squareTxt {
line-height: 100px;
vertical-align: middle;
}
.alignTxt{text-align: center;}
</style>
</head>
<body>
<div class="alignTxt"><span id="titleTxt"></span></div>
<table>
<tr>
<td class='spanrows2'>
<div class='squareDivs'><span class='squareTxt'></span></div>
<div class='squareDivs'><span class='squareTxt'></span></div>
<div class='squareDivs'><span class='squareTxt'></span></div>
<div class='squareDivs'><span class='squareTxt'></span></div>
<div class='squareDivs'><span class='squareTxt'></span></div>
<div class='squareDivs'><span class='squareTxt'></span></div>
<div class='squareDivs'><span class='squareTxt'></span></div>
<div class='squareDivs'><span class='squareTxt'></span></div>
<div class='squareDivs'><span class='squareTxt'></span></div>
</td>
</tr>
</table>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire