Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Body, наложить на него элемент

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Gerd
Отправлено: 24 Февраля, 2013 - 16:32:33
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 650
Дата рег-ции: Сент. 2012  


Помог: 0 раз(а)

[+][+][+]
Как через js, можно наложить тень на все окно браузера?

CODE (htmlphp):
скопировать код в буфер обмена
  1. $('<div class="overlay"><a class="close" onclick="close(overlay)">Закрыть</a></div>').
  2.                 css({
  3.                     position: 'fixed',                         
  4.                     display:'none',
  5.                                     background:'#000',         
  6.                 }).appendTo('.block-wrapper').
  7.                 slideDown(0);  

Как освободиться от .block-wrapper и использовать body.

(Отредактировано автором: 24 Февраля, 2013 - 16:38:42)

 
 Top
nerv
Отправлено: 24 Февраля, 2013 - 19:35:19
Post Id



Посетитель


Покинул форум
Сообщений всего: 407
Дата рег-ции: Февр. 2013  
Откуда: Россия


Помог: 9 раз(а)
Gerd пишет:
Как через js, можно наложить тень на все окно браузера?

js зачем?


-----
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
 
 Top
Gerd
Отправлено: 25 Февраля, 2013 - 06:24:51
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 650
Дата рег-ции: Сент. 2012  


Помог: 0 раз(а)

[+][+][+]
Что бы не писать в css Растерялся
Gerd пишет:
Как освободиться от .block-wrapper и использовать body.
 
 Top
IllusionMH
Отправлено: 25 Февраля, 2013 - 09:58:41
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Gerd пишет:
Что бы не писать в css

*лицовруках*
пропишите стили в CSS, а из JS только класс менять для добавления/убирания эффектов.
 
 Top
DelphinPRO
Отправлено: 25 Февраля, 2013 - 10:55:45
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
Gerd пишет:
Как освободиться от .block-wrapper и использовать body.

ну так и напиши боди

CODE (css):
скопировать код в буфер обмена
  1. .overlay {
  2.   position: fixed;
  3.   width: 100%;
  4.   height: 100%;
  5.   left: 0;
  6.   top: 0;
  7.   background: rgba(0,0,0,0.5);
  8.   display: none;
  9. }
  10. .overlay .close {
  11.   position: absolute;
  12.   right: 10px;
  13.   top: 10px;
  14.   color: white;
  15.   font-size: 20px;
  16. }


CODE (javascript):
скопировать код в буфер обмена
  1. function overlayShow() {
  2.   if ($('.overlay').size == 0) {
  3.     createOverlay();
  4.   }
  5.   $('.overlay').show();
  6. }
  7. function overlayHide() {
  8.   $('.overlay').hide();
  9. }
  10.  
  11. function createOverlay(){
  12.   var overlay = $('<div>', {class : 'overlay'}).appendTo($('body'));
  13.   $('<a>', {
  14.     class:'close',
  15.     text: 'Закрыть'
  16.   }).click(function(){
  17.     overlay.hide();
  18.   }).appendTo(overlay);  
  19. }

(Отредактировано автором: 25 Февраля, 2013 - 10:59:34)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB