Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.07.2014, 19:05
Интересующийся
Отправить личное сообщение для Илья27 Посмотреть профиль Найти все сообщения от Илья27
 
Регистрация: 19.07.2014
Сообщений: 11

Прозрачность с помощью 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;
Ответить с цитированием
  #2 (permalink)  
Старый 19.07.2014, 19:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,131

Сообщение от Илья27
line.css.
это что такое? со строки 13
Ответить с цитированием
  #3 (permalink)  
Старый 19.07.2014, 19:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,131

Илья27,
и это numOpac? 16 строка
Ответить с цитированием
  #4 (permalink)  
Старый 19.07.2014, 19:30
Интересующийся
Отправить личное сообщение для Илья27 Посмотреть профиль Найти все сообщения от Илья27
 
Регистрация: 19.07.2014
Сообщений: 11

Это изменение css c помощью javascript.
у меня ширина исчезающего блока 70 % от монитора.
А чтобы блок был посередине, я добавил отступы справа и слева.
Ответить с цитированием
  #5 (permalink)  
Старый 19.07.2014, 19:32
Интересующийся
Отправить личное сообщение для Илья27 Посмотреть профиль Найти все сообщения от Илья27
 
Регистрация: 19.07.2014
Сообщений: 11

я описался. Это вместо numOpacity. Исправил, все равно не работает.
Ответить с цитированием
  #6 (permalink)  
Старый 19.07.2014, 19:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,131

Сообщение от Илья27
Это изменение css c помощью javascript
а что тогда в 12 строке?
Ответить с цитированием
  #7 (permalink)  
Старый 19.07.2014, 19:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,131

Илья27,
смотрим на 12 строку потом на 13 и так до полного просветления, если доку лень читать.
Ответить с цитированием
  #8 (permalink)  
Старый 19.07.2014, 19:34
Интересующийся
Отправить личное сообщение для Илья27 Посмотреть профиль Найти все сообщения от Илья27
 
Регистрация: 19.07.2014
Сообщений: 11

В 12-ой цвет исчезающего блока. Он становится постепенно прозрачнее.
Ответить с цитированием
  #9 (permalink)  
Старый 19.07.2014, 19:35
Интересующийся
Отправить личное сообщение для Илья27 Посмотреть профиль Найти все сообщения от Илья27
 
Регистрация: 19.07.2014
Сообщений: 11

Только заметил. Спасибо большое!
Ответить с цитированием
  #10 (permalink)  
Старый 19.07.2014, 19:36
Интересующийся
Отправить личное сообщение для Илья27 Посмотреть профиль Найти все сообщения от Илья27
 
Регистрация: 19.07.2014
Сообщений: 11

Но все равно не работает
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавление атрибута с помощью JavaScript Abramov7 Общие вопросы Javascript 4 05.06.2014 14:03
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34
Флэш-мульты на странице с помощью javascript SuperStar Элементы интерфейса 3 28.08.2010 10:56
Скроллирование окна браузера с помощью JavaScript. lancer Элементы интерфейса 1 19.02.2008 23:16