zoukankan      html  css  js  c++  java
  • 让弹出层在屏幕上居中显示

    html:

    <div class="submitsuccess">提交成功</div>

    css:

    .submitsuccess{background: rgba(0,0,0,0.5); 150px;position: absolute;margin-left:-75px;top:50%;left:50%; height: 50px;text-align: center;line-height: 50px;color: #fff;font-size: 18px;border-radius: 5px;display:none;z-index:999;}

    js:

    var top=($(window).height()-$(".").height())/2;//让其弹出层在中间显示
    var left=($(window).width()-$(".submitsuccess").width())/2;//让其弹出层在中间显示
    var scrollTop=$(document).scrollTop();
    var scrollLeft=$(document).scrollLeft();
    $(".submitsuccess").css({position:'absolute', 'top':top + scrollTsubmitsuccessop, 'left':left + scrollLeft}).stop().fadeIn(1000)//弹出层显示
    $('.submitsuccess').fadeOut(1000);

    ゛Toly★小饼干ゞ
  • 相关阅读:
    C++中逻辑操作符的重载分析
    不要62
    P1052 过河
    P1029 最大公约数和最小公倍数问题
    P1345 [USACO5.4]奶牛的电信Telecowmunication
    Dining
    Dinic
    [Scoi2015]小凸玩矩阵
    12.16
    bzoj 3529
  • 原文地址:https://www.cnblogs.com/rockyan/p/7299145.html
Copyright © 2011-2022 走看看