引用layer.js后 弹窗为什么会在页面最底部出现

JavaScript014

引用layer.js后 弹窗为什么会在页面最底部出现,第1张

layer提供7中动画类型，属性：anim,其中一种动画就是从底部出现。PS:目前anim可支持的动画类型有0-6 如果不想显示动画，设置 anim: -1 即可。另外需要注意的是，3.0之前的版本用的是 shift 参数

直接用cdn写个实例

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html charset=utf-8"/>

    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.1.2/jquery.js"></script>

    <script type="text/javascript" src="https://cdn.bootcss.com/layer/3.0.3/layer.min.js"></script>

</head>

<style>

    .link {

        color: #0a8ddf

        cursor: pointer

    }

</style>

<script>

    layer.open({

        title: '测试',

        content: '<a class="link">点击关闭跳转</a>',

        success: function (layero, index) {

            $(layero).find('.link').click(function () {

                layer.close(index)

                window.location.href = 'http://www.baidu.com/'

            })

        }

    })

</script>

</html>