zoukankan      html  css  js  c++  java
  • 弹窗至下往上弹出

    $(document).ready(function() {

      //进入页面后有3秒间隔才弹出弹窗,
        setTimeout(function(){
            $("#c_swt").slideDown(1000);
        },3000);

    //点击关闭的动画效果,是自上而下淡出的
        $(".close1").on("click",function(){
                $("#c_swt").stop().animate({top:"100%"},1000,function(){
                    $("#add_wx").hide();
                    $("#liudian").show();
                    setTimeout(function(){
                        $("#c_swt").animate({top:"0"},1000);
                    },5000);  //关闭了再次弹出
                });
            });

    });

    光是这一段代码是没法实现至下而上的效果。需要在"#c_swt"盒子定位,position:fixed;bottom:0;或是position:absolute;bottom:0;
      

  • 相关阅读:
    第二天课程档案
    第一天课程档案
    SAM初步
    计算几何初步
    数论二次总结
    生成函数入门题汇总
    1500: [NOI2005]维修数列
    20170214
    【bzoj2286】[Sdoi2011]消耗战
    bzoj2223: [Coci 2009]PATULJCI
  • 原文地址:https://www.cnblogs.com/duxingdexin/p/8900732.html
Copyright © 2011-2022 走看看