Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   выбрать случайный цвет из списка и прописать его в стиль элемента. (https://javascript.ru/forum/dom-window/64267-vybrat-sluchajjnyjj-cvet-iz-spiska-i-propisat-ego-v-stil-ehlementa.html)

dpts 30.07.2016 20:03

выбрать случайный цвет из списка и прописать его в стиль элемента.
 
Приветствую.
Есть перечень цветов:
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 - устанавливалось из случайно выбранного цвета из списка.

Decode 30.07.2016 20:14

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>

warren buffet 30.07.2016 23:34

Типа зашел на другую страницу - хоба-на - вроде на другой сайт попал.


Часовой пояс GMT +3, время: 08:54.