29.05.2017, 11:09
|
|
Аспирант
|
|
Регистрация: 24.06.2015
Сообщений: 97
|
|
|
Скрипт: при наведении меняем цвет на один из заданных
Нужен скрипт, чтобы при наведении на div его цвет менялся на любой из заданных (будет 6-8 значений) в скрипте. Примерно так, как на сайте студии Лебедева.
В гугле не забанен, но пока не могу найти ничего подходящего...
|
|
29.05.2017, 11:27
|
 |
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,298
|
|
|
Сообщение от Quark_
|
|
В гугле не забанен, но пока не могу найти ничего подходящего...
|
Ну как так-то! |
|
29.05.2017, 12:20
|
|
Аспирант
|
|
Регистрация: 24.06.2015
Сообщений: 97
|
|
Было такое, и что там в топ-10 есть полезного? |
|
29.05.2017, 13:17
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,298
|
|
|
Сообщение от Quark_
|
|
и что там в топ-10 есть полезного?
|
Если ты не нашел там полезного - тебе в раздел "Работа"... |
|
30.05.2017, 18:26
|
 |
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
<head>
<meta charset="utf-8">
</head>
<body>
<div id="id" style="display: block; width: 200px; height: 200px; border: 1px solid grey;"></div>
<script>
document.getElementById("id").onmouseover = function() {
var color = ['red','green','blue', 'orange', 'yellow', 'violet']
this.style.backgroundColor = color[Math.round(Math.random()*color.length)];
};
</script>
</body>
Последний раз редактировалось j0hnik, 30.05.2017 в 18:31.
|
|
30.05.2017, 19:59
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,150
|
|
j0hnik,
а если при каждом наведении, новый цвет из заданных? 
|
|
30.05.2017, 20:31
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
Сообщение от рони
|
j0hnik,
а если при каждом наведении, новый цвет из заданных?
|
Согласен с вами
<head>
<meta charset="utf-8">
</head>
<body>
<div id="id" style="display: block; width: 200px; height: 200px; border: 1px solid grey;"></div>
<script>
var rand2;
document.getElementById("id").onmouseover = function(){
var color = ['red','green','blue','orange','yellow','violet','cyan']
var rand = Math.round(Math.random()*(color.length-1));
if (rand2 === rand) {this.style.backgroundColor = color[++rand];}
else {this.style.backgroundColor = color[rand];}
rand2 = rand;
};
</script>
</body>
|
|
30.05.2017, 20:32
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
|
а можно и условие в условии пока не будет отличаться! но это первое что в голову пришло!
|
|
30.05.2017, 20:50
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,150
|
|
|
j0hnik,
строки 10 и 11 не айс!!!
|
|
30.05.2017, 23:01
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
<head>
<meta charset="utf-8">
</head>
<body>
<div id="id" style="display: block; width: 200px; height: 200px; border: 1px solid grey;"></div>
<script>
var rand2;
document.getElementById("id").onmouseover = function(){
var color = ['red','green','blue','orange','yellow','violet','cyan'];
var rand;
do {
rand = Math.floor(Math.random() * color.length);
this.style.backgroundColor = color[rand];
} while (rand == rand2);
rand2 = rand;
};
</script>
</body>
Ну теперь то идеально?  |
|
|
|
