Можно ли использовать Javascript для случайной генерации предварительно определенного цвета ссылки и цвета при наведении страницы? - PullRequest
Новая
       22

Можно ли использовать Javascript для случайной генерации предварительно определенного цвета ссылки и цвета при наведении страницы?

3 голосов
/ 16 марта 2012

Я никогда не пробовал свои силы в javascript, но я просто хотел узнать, возможно ли это сделать, прежде чем потратить время на изучение кода.

Я провел несколько дней, просматривая форумы и пытаясь использовать код, уже сгенерированный на демонстрационном сайте, чтобы увидеть, как изменение определенных свойств влияет на раздел в целом.

Мой CSS указывает «a: link», «a: active» и «a: посещения» в качестве заданного цвета и a: hover в качестве его дополнительного цвета (# 128EED = цвет, # ED7112 = дополнительный).

Я хочу, чтобы один из 8 предопределенных цветов выбирался случайным образом при загрузке любой из страниц, а дополнительный цвет предопределенного случайного цвета был цветом a: hover.

Любая информация будет принята с благодарностью, прежде чем я попытаюсь это сделать.

Спасибо и всего наилучшего.

Ответы [ 2 ]

0 голосов
/ 16 марта 2012

РЕДАКТИРОВАТЬ: невозможно установить определенные атрибуты стиля, включая наведение и т. Д. Но есть обходные пути для этого, один из которых связан в комментарии к этому ответу. Извиняюсь, если я ввел вас в заблуждение.

Да, это возможно! Просто используйте что-то вроде этого; при условии, что у вас есть массив с именем ColorArray, который является массивом массивов (каждый вложенный массив является парой дополнительных цветов):

Я не уверен, что слова после .style точны, но их должно быть достаточно легко найти. Я разделил его на 5 строк, чтобы было легко увидеть, что происходит, но я уверен, что есть лучший или более сжатый способ выразить это. 

// choose a random complementary pair
var pair = ColorArray[Math.floor(Math.random() * CollorArray.length)];

// grab elements and assign them style attributes
document.getElementsByTagName("tag").style.link = pair[0]
document.getElementsByTagName("tag").style.active = pair[0]
document.getElementsByTagName("tag").style.visited = pair[0]

// Your complementary color assignment now:
document.getElementsByTagName("tag").style.hover = pair[1]
0 голосов
/ 16 марта 2012

Да, вы можете сделать это. Вы можете установить стиль для элемента с помощью javascript, вы можете создать несколько классов, чтобы раскрасить то, что вам нужно, и применить эти классы случайным образом, и т. Д. Есть несколько решений ваших проблем, но это очень выполнимо.

Кроме того, изучение веб-программирования никогда не является пустой тратой времени. Это может снять большую нагрузку со страницы, требующей перехода назад и вперед на сервер, а также добавить функциональность, которую HTML не может предоставить или не может легко предоставить.

...