Scribd Logo
Upload

Welcome to Scribd!

  • Popup JS

    Uploaded by

    sahilsuresh
    6 views2 pages
    Append div with id fade into the bottom of body tag / / and we allready styled it in our step 2 : CSS $('body').append(' '); $('#fade').css('filter' : 'alpha(opacity=80)').fadeIn(). Now here we need to have our popup box in center of // webpage when its fadein. So we add 10

    Original Description:

    Original Title

    PopupJS

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Append div with id fade into the bottom of body tag / / and we allready styled it in our step 2 : CSS $('body').append(' '); $('#fade').css('filter' : 'alpha(opacity=80)').fadeIn(). Now here we need to have our popup box in center of // webpage when its fadein. So we add 10

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views2 pages

    Popup JS

    Uploaded by

    sahilsuresh
    Append div with id fade into the bottom of body tag / / and we allready styled it in our step 2 : CSS $('body').append(' '); $('#fade').css('filter' : 'alpha(opacity=80)').fadeIn(). Now here we need to have our popup box in center of // webpage when its fadein. So we add 10

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    $(document).

    ready(function() {

    $(document).ready(function() {

    $('#sansmaranIsHere').fadeIn();

    // append div with id fade into the bottom of body tag // and we allready styled it in our step 2 : CSS $('body').append('<div id="fade"></div>'); $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();

    // Now here we need to have our popup box in center of // webpage when its fadein. so we add 10px to height and width var popuptopmargin = ($('#' + popupid).height() + 10) / 2; var popupleftmargin = ($('#' + popupid).width() + 10) / 2;

    // Then using .css function style our popup box for center allignment $('#sansmaranIsHere').css({ 'margin-top' : -popuptopmargin, 'margin-left' : -popupleftmargin }); });

    });

    You might also like