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