Блог
Главная » jQuery » Модальные предупреждения BY VoVcHiK
13:13


Для начала смотрим ДЕМО

установка крайне проста
вставляем после $BODY$ на нужных вам страницах данный код :

Code

<span class="modalText" ></span>  
  <script>  
  function modalVoVcHiK() {  
  $(".modalText").animate({opacity: 0.0,marginRight: "0px",}, 10);
$(".modalText").animate({opacity: 1.0,marginRight: "100px",}, 1500);
setTimeout(function() {$(".modalText").animate({opacity: 0.0,marginRight: "0px",}, 2000);}, 3000);  
  }  
  </script>  


далее в css вашего сайта вставляем строки
Code

.modalText{position:fixed ;z-index:99999999;background:#ffffff;border:1px solid #8652ad; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }  
  .modalText{right: 0px;bottom: 0px;}  


установка завершена теперь вызываем окно (нет положите бубен обратно тут код нужно)))

это мы делаем с помощью onclick, а именно
Code

onclick="modalVoVcHiK();$('.modalText').html('<span class=red >V-mus.ru</span>');  


в месте с кнопкой:
Code

<input id="ModalBut" type="button" value="Сайт автора" onclick="modalVoVcHiK();$('.modalText').html('<span class=red >V-mus.ru</span>'); " />  


Автор:VoVcHiK

Категория: jQuery

Вы не авторизованы, по-этому вы не можете скачивать файлы к материалу, просматривать демо, читать и оставлять комментарии!

Knu.com
  • Опросик
  • Зайдете ли вы к нам еще?