layer弹出层实现抽屉效果

最新推荐文章于 2025-03-25 06:16:04 发布

深漂小码哥

最新推荐文章于 2025-03-25 06:16:04 发布

阅读量1.9k

点赞数 1

分类专栏： Web前端

本文链接：https://blog.csdn.net/qq2942713658/article/details/117808994

版权

Web前端专栏收录该内容

97 篇文章

订阅专栏

本文介绍了一种使用layer.js库实现的抽屉效果弹窗，通过设置offset为'rb'来实现从右下角滑出的效果，并设置了弹窗的标题、动画效果、尺寸及内容等属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 $(function(){
        layer.open({
            type: 1,
            // r表示right,b表示bottom
            offset: 'rb',
            // 标题
            title: '抽屉效果',
            //
            // anim 特效 0-平滑放大 1-从上掉落 2-从底部往上滑入 3-从左滑入 4-从左翻转 5-渐显 5-抖动
            anim: 2,
            // 第一个参数宽度，第二个参数高度
            area: ['558px', '100%'],
            // 内容区 在body中写入<div id="draw">。。。。</div>代码，即弹窗内容
            content: $("#drawer").html(),
        })
    });