Как сделать постепенное увеличение opacity.

[JSN]

Проблема решалась, с помощью display, я просто все усложнил.
Теперь возник другой вопрос:
Во-первых, допустим что у нас есть два массива array1 и array2, можно ли задать его элементам следующие значения: array1[1] = document.getElementBy..., например.
Во-вторых, если это возможно, то как сделать так, что бы при допустим наведении на элемент номер i массива array1, происходило нечто с элементом по номером i массива array2 (или i +1; или j; и т.д.)?
заранее спасибо

[dmitriymar]

1 да
2 всё также,через стили

[JSN]

Такой возникает ещё вопрос: а как это правильно реализовать?
Пробовал, сделать так, знаю что не правильно, но не представляю как(я только учусь):

window.onload = function () {
	var arr = [];
	var arr[1] = document.getElementById('a');
	var arr[2] = document.getElementById('b');
	var i;
	arr[i].onmouseover = function() {
	arr[i].style.backgroundcolor="grey";
	}
	arr[i].onmouseout = function() {
		
			arr[i].style.backgroundcolor="black";
		}
}

Заранее спасибо