Прозрачность с помощью javaScript
 

Я хотел сделать постепенно исчезающий подвал.
Пытался совместить Javascript и css. Хотел сделать несколько div-ов, с убывающей степенью прозрачности. Но код не работает.

function opacity()//функция прозрачности подвала
{
	var opaci = document.getElementById("opacity");
	numLine = 1; //номер div-а
	for(var numOpacity = 1; numOpacity > 0; numOpacity = numOpacity - 0.02)//numOpacity = степень прозрачности
	{
		numLine++;
		var line = document.createElement("div");//line = 1 div
		line.id = "foot" + numLine;
		opaci.appendChild(line);
		line.style.height = '5px';
		line.style.backgroundColor = '#FFFFFF';
		line.css.width = '70%';
		line.css.marginLeft = '15%';
		line.css.marginRight = '15%';
		line.css.opacity = numOpac;
	}
}
window.onload = opacity;

это что такое? со строки 13

Илья27,
и это numOpac? 16 строка

Это изменение css c помощью javascript.
у меня ширина исчезающего блока 70 % от монитора.
А чтобы блок был посередине, я добавил отступы справа и слева.

я описался. Это вместо numOpacity. Исправил, все равно не работает.

а что тогда в 12 строке?

Илья27,
смотрим на 12 строку потом на 13 и так до полного просветления, если доку лень читать.

В 12-ой цвет исчезающего блока. Он становится постепенно прозрачнее.

Только заметил. Спасибо большое!

Но все равно не работает

Илья27,
работает всё -- кажите код

Должен быть такой код

function opacity()//функция прозрачности подвала
{
	var opaci = document.getElementById("opacity");
	numLine = 1; //номер div-а
	for(var numOpacity = 1; numOpacity > 0; numOpacity = numOpacity - 0.02)//numOpacity = степень прозрачности
	{
		numLine++;
		var line = document.createElement("div");//line = 1 div
		line.id = "foot" + numLine;
		opaci.appendChild(line);
		line.style.height = '5px';
		line.style.backgroundColor = '#FFFFFF';
		line.style.width = '70%';
		line.style.marginLeft = '15%';
		line.style.marginRight = '15%';
		line.style.opacity = numOpac;
	}
}
window.onload = opacity;

Должен быть такой код

function opacity()//функция прозрачности подвала
{
	var opaci = document.getElementById("opacity");
	numLine = 1; //номер div-а
	for(var numOpacity = 1; numOpacity > 0; numOpacity = numOpacity - 0.02)//numOpacity = степень прозрачности
	{
		numLine++;
		var line = document.createElement("div");//line = 1 div
		line.id = "foot" + numLine;
		opaci.appendChild(line);
		line.style.height = '5px';
		line.style.backgroundColor = '#FFFFFF';
		line.style.width = '70%';
		line.style.marginLeft = '15%';
		line.style.marginRight = '15%';
		line.style.opacity = numOpacity;
	}
}
window.onload = opacity;

Все заработало. Спасибо большое.

Илья27,
16 строка как прежде?

Илья27,
консолью пользоваться учитесь -- там видно ошибки

Спасибо!!!

Илья27,
на всякий случай вставку строка 10 лучше делать в конце - когда все стили прописали -- да и в DocumentFragment бы сначала все дивы -- а потом бы уже на страницу
http://learn.javascript.ru/multi-insert

Ссылка пригодилась, спасибо.