封装弹框_36711388_程序媛-静儿的博客-程序员秘密

css

/**--弹框--**/
.reg_suc {
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
}
.success {
    width: 80%;
    height: 11.25rem;
    z-index: 95;
    background: #fff;
    margin: 0 auto;
    margin-top: 50%;
    border-radius: 5px;
}
.reg {
    display: inline-block;
    width: 74px;
    height: 72px;
    background: url(../../images/reg.png) no-repeat;
    background-size: 117%;
    position: relative;
    left: 35%;
    top: 15px;
}
.warn {
    display: inline-block;
    width: 74px;
    height: 72px;
    background: url(../../images/warn.png) no-repeat;
    background-size: 95%;
    position: relative;
    left: 35%;
    top: 15px;
}
.fail {
    display: inline-block;
    width: 74px;
    height: 72px;
    background: url(../../images/fail.png) no-repeat;
    background-size: 95%;
    position: relative;
    left: 35%;
    top: 15px;
}
.success>p {
    text-align: center;
    padding-top: 10px;
    font-size: 1.375rem;
}
.success .tolog {
    background: #ffba00;
    width: 50%;
    height: 1.875rem;
    border-radius: 5px;
    margin-left: 23%;
    margin-top: 10px;
    text-align: center;
    line-height: 1.875rem;
}
.success .tolog a {
    color: #fff;
}
a {
    text-decoration: none;
}
.yq-footer-copyright {

    margin-bottom: 30px;
}

点击事件写外面会不执行,因为html为虚拟对象

function alterTan(className,msg,btn,load){
    $('body').append("<div class='reg_suc'><div class='success'><i class="+className+"></i><p>"+msg+"</p><div class='tolog' ><a href='javascript:void(0);' >"+btn+"</a></div></div></div>");
    $(".tolog").bind('click',function(){ //等html元素加载完后再获取dom对象添加点击事件
        console.log(load); //判断按钮事件
        $('.reg_suc').css('display','none');
        if(load=='reload'){
            window.location.reload();
        }else if(load=='close'){
            return;
        }else if(load=='back'){
            window.location.href='index.html'
        }
    });
}

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_36711388/article/details/70622718

智能推荐

JDK8新特性(4)—— stream 流_一角残叶的博客-程序员秘密

1 对集合元素进行过滤public class Demo01Stream { public static void main(String[] args) { List&lt;String&gt; list = new ArrayList&lt;&gt;(); list.add("赵子龙"); list.add("曹孟德"); list.add("金毛狮王"); list.add("令狐飞雪"); l

Open set/world learning 笔记2:Toward Open Set Recognition_浮云向晚的博客-程序员秘密

在如今计算机视觉算法大都采用闭集(closed set)识别,即是测试(testing)时候的种类完全在训练(training)时遇见过。而开集(open set)识别,则需要在测试时候遇见未知的种类(class),这就需要强大的泛化能力的算法来实现。作者表示:开放集识别在文献中只得到有限的处理,而且几乎所有之前的工作都集中在评估(evaluation)方面。 在相关工作部分,作者给出了目前处理Open Set Recognition的许多方法,并重点讨论了SVM在这一领域的应用。...

【第七章】iptables和firewall防火墙技术_简述firewalld中区域的作用_dqforgive的博客-程序员秘密

四种方法配置网卡1、编辑配置文件[[email protected] ~]# vim /etc/sysconfig/network-scripts/ifcfg-eno16777736TYPE=EthernetBOOTPROTO=noneDEFROUTE=yesIPV4_FAILURE_FATAL=noIPV6INIT=yesIPV6_AUTOCONF=yesIPV6_DEFROUTE=yesIPV6_FAILURE_FATAL=noNAME=eno16777736 //网卡名

机器学习:鸢尾花数据集8:2划分训练集和测试集,并进行决策树分类算法练习_混混度日的咸鱼的博客-程序员秘密

遇到的问题解决:https://stackoverflow.com/questions/45890328/sklearn-metrics-for-multiclass-classification

jquery三目运算符_jquery 三目运算符_IamstudyingJava的博客-程序员秘密

value的值根据从数据库传来的fmType值,如果是LIVE则是直播,否则是点播。 disabled style="width:150px;"/>${fm.fmType eq 'LIVE'?'直播':'点播'}三目运算符:条件?条件为真时:条件为假时的值。

随便推点

sm整合_七年后的歌的博客-程序员秘密

目前Spring官方还没有出整合Mybatis的特性,但是mybitis比较给力,开发了一个mybatis-spring插件,达到与Spring的完美整合目的。         在与Spring集成前,一方面我们需要下载Spring的所需的jar文件,我是刚才Spring官方网站上下载的最新的spring-framework-3.2.2.RELEASE-dist.zip压缩文件,里面包含了

angulr1 常用指令 分类demo_风舞松林涧的博客-程序员秘密

表达式&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;title&amp;gt;入门小 Demo-1&amp;lt;/title&amp;gt;&amp;lt;script src=&quot;angular.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;/head&amp;gt;&amp;lt;body ng-app&amp;gt;{{100+100}}&amp;lt;/body&

android怎么让自己的Activity在后台被系统回收,让onSaveInstanceState、onRestoreInstanceState 执行_猪猪上的博客-程序员秘密

退出activity后,去设置界面,去改变系统字体大小,Activity会被系统回收。(可以用来重现activity重叠的问题)当再次进入到activity时,会响应onRestoreInstanceState。onSaveInstanceState 当离开activity时会响应,但是按back键响应finish()方法时不会。onRestoreInstanceState 当activity被系统回收时,activity下次再创建时会执行(比如上面修改字体的情况)。怎么避免Activity这样被系

推荐系统常见问题(七):惊讶!为什么训练集比例越大,效果越差?_训练集越大越好吗__ dingding_的博客-程序员秘密

一、苦恼的一周最近做实验,被一个问题苦恼了一周。本来想要验证算法在40%、60%、80%数据集比例情况下的不同实验效果。结果发现,训练集比例越大,效果竟然越差!!!这和我以往的–训练集越多,训练效果越好的认知完全相违背!!!然后我开始一个个的排除这样情况的原因:先看看是不是我训练集和测试集的弄反了,结果没有反;再看看我的实验方法是不是哪里有错误,结果找不出错误;然后我又在想我划分数据集...

On Java 8(Java编程思想)笔记 -- 第六章 初始化和清理_sgx555的博客-程序员秘密

On Java 8(Java编程思想)笔记 – 第六章 初始化和清理从概念上看,initialize()方法应该与对象的创建分离在Java中对象的创建和初始化是统一的概念new 表达式虽然返回了刚创建的对象的引用,但构造器本身无返回值方法重载:允许方法具有相同的方法名,但接收的参数不同构造器是典型的重载区分重载的方法:根据参数列表、参数的顺序根据返回值类型区分方法的重载,Java编译器区分不出来下面展示一些 内联代码片。//无返回类型void f(){}//有

10g中DBA_TAB_STATISTICS的STATTYPE_LOCKED列对分区锁定显示为空_zero_plus的博客-程序员秘密

10g中DBA_TAB_STATISTICS的STATTYPE_LOCKED列对分区锁定显示为空Oracle10g的DBA_TAB_STATISTICS视图的STATTYPE_LOCKED列没有正确的显示结果。看一个简单的例子:SQL>SELECT*FROM v$version;BANNER------------------------------------------

推荐文章

热门文章

相关标签