您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > jQuery特效 >

    jQuery+CSS3动画弹出框代码

    时间:2014-06-24 19:07 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表

    jQuery+CSS3动画弹出框代码jQuery+CSS3动画弹出框代码是一款手机移动端多个CSS3动画弹出框代码。jQueryCSS3弹出框动画效果

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">
    var w,h,className;
    function getSrceenWH(){
    w = $(window).width();
    h = $(window).height();
    $('#dialogBg').width(w).height(h);
    }


    window.onresize = function(){  
    getSrceenWH();
    }  
    $(window).resize();  


    $(function(){
    getSrceenWH();

    //显示弹框
    $('.box a').click(function(){
    className = $(this).attr('class');
    $('#dialogBg').fadeIn(300);
    $('#dialog').removeAttr('class').addClass('animated '+className+'').fadeIn();
    });

    //关闭弹窗
    $('.claseDialogBtn').click(function(){
    $('#dialogBg').fadeOut(300,function(){
    $('#dialog').addClass('bounceOutUp').fadeOut();
    });
    });
    });
    </script>

    jQuery+CSS3动画弹出框代码由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/9580.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!