Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Прозрачность с помощью javaScript (https://javascript.ru/forum/project/48859-prozrachnost-s-pomoshhyu-javascript.html)

Илья27 19.07.2014 19:05

Прозрачность с помощью 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;

рони 19.07.2014 19:23

Цитата:

Сообщение от Илья27
line.css.

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

рони 19.07.2014 19:26

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

Илья27 19.07.2014 19:30

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

Илья27 19.07.2014 19:32

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

рони 19.07.2014 19:32

Цитата:

Сообщение от Илья27
Это изменение css c помощью javascript

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

рони 19.07.2014 19:34

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

Илья27 19.07.2014 19:34

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

Илья27 19.07.2014 19:35

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

Илья27 19.07.2014 19:36

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


Часовой пояс GMT +3, время: 09:21.