mrFalbin
9/16/2015 - 12:52 PM

Всплывающее оповещение. В DOM добавляется div, плавно появляется, показывается 3 секунды, плавно сворачивается и удаляется из DOM.

Всплывающее оповещение. В DOM добавляется div, плавно появляется, показывается 3 секунды, плавно сворачивается и удаляется из DOM.

AlertsInSite.js
content_copyfile_download
// ----------- HTML: -----------
<button id="but1">Жми</button>
<p class="callbackme-form">Пример:</p>

// ----------- jQuery: -----------
    $('#but1').click(function(){
      AlertsInSite("Заголовок<br>Текст оповещения.");
    });
    

    function AlertsInSite(message) {
      var html = "<div id='messageforcallbackme' style='display:none; border:solid 1px" + 
      "#DEDEDE; background:#EFEFEF; color:#626262; padding:4px; text-align:center;'>" + 
      message + "</div>";

        $(html).insertAfter('.callbackme-form');

      $("#messageforcallbackme").stop().slideDown(300, function(){
        setTimeout(function () { $("#messageforcallbackme").slideUp(200, function(){
          $('#messageforcallbackme').remove();
        }); }, 3500);
      });
    }