- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Вечер добрый.
Нужно чтобы при нажатие на ссылку вся страница затемнялась (желательно плавно) кроме заданного слоя.
Есть подобные примеры на jquery,
http://mycodes.in.ua/wp-content/uploads/2009/example/dim.html
Но там окно появляется, сделать так чтобы эффект был применён к уже размещённому диву на странице не получилось. Буду благодарен за помощь
Kot Matroskin,
ничего не понял. В примере - обычное затенение. Задний фон - тоже. из зеленого становится серым, как и должно быть
T.R.O.N, в примере появляется новое окошко, а всё остальное затемняется. Мне надо чтобы окошко не появлялось, а уже находилось на странице (MyStyle). А рядом была ссылка затемнить при клике на неё затемнялось всё кроме слоя MyStyle (который виден на странице изначально)
Kot Matroskin, если объяснять на данном примере, то за затемнение отвечает кусок
$(".alert").click(function(){
$("#dim").fadeIn();
return false;
});
$(".close").click(function(){
$("#dim").fadeOut();
return false;
});
Замените #dim на нужный див или добавьте несколько других. С помощью z-index в css можно изменять порядок наложения - чем больше тем выше.
Ёхан Палыч, ага спасибо. А как объединить ссылку class="alert" и class="close" ?
То есть мне надо чтобы одна ссылка отвечала и за затемнение и за то чтобы его убрать
То есть мне надо чтобы одна ссылка отвечала и за затемнение и за то чтобы его убрать
Тут много вариантов, один из них toggle
$(".alert").toggle(function(){
$("#dim").fadeIn();
return false;
},
function(){
$("#dim").fadeOut();
return false;
}
);
Главное не запутаться и не скрыть эту кнопку.
Большое спасибо, Ёхан Палыч, всё работает :)