выбрать случайный цвет из списка и прописать его в стиль элемента.
Приветствую.
Есть перечень цветов: rgba(204, 204, 255, 1) rgba(255, 204, 255, 1) rgba(204, 153, 255, 1) rgba(102, 51, 255, 1) rgba(204, 51, 255, 1) rgba(255, 255, 255, 1) Есть, условно говоря такая разметка:
<html>
<head>
<title>Untitled</title>
<style>
.textlogo {
/*font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-style: italic;*/
display: table-cell;
border: 0px none;
height: 100%;
vertical-align: middle;
font-size: 24px;
color: white;
position: relative;
float: left;
margin-top:15px;
}
.textlogo:hover {
color: rgba(255, 153, 0, 1);
}
</style>
</head>
<body style="background:gray;">
<a href="#"><div class="textlogo">TEXTLOGO</div></a>
</body>
</html>
Нужно, чтобы при загрузке страницы или обновлении страницы свойство color у .textlogo - устанавливалось из случайно выбранного цвета из списка. |
dpts,
<a id="link" href="#">Bla-bla</a> <script> var colors = ['rgba(204, 204, 255, 1)', 'rgba(255, 204, 255, 1)', 'rgba(204, 153, 255, 1)', 'rgba(102, 51, 255, 1)', 'rgba(204, 51, 255, 1)', 'rgba(255, 255, 255, 1)']; link.style.color = colors[Math.random() * colors.length ^ 0]; </script> |
Типа зашел на другую страницу - хоба-на - вроде на другой сайт попал.
|
| Часовой пояс GMT +3, время: 15:15. |