当前位置: 首页 > 工具软件 > Remodal > 使用案例 >

Jquery仿模态对话框插件Remodal

韦德厚
2023-12-01

1、CSS中引用remodal.css、remodal-default-theme.css

2、JS中引用remodal.js

3、

<a href="#modal">点我</a>

<div class="remodal" data-remodal-id="modal">
    <button data-remodal-action="close" class="remodal-close"></button>
    <h1>Remodal</h1>
    <p>
        Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
    </p>
    <br>
    <button data-remodal-action="cancel" class="remodal-cancel">Cancel</button>
    <button data-remodal-action="confirm" class="remodal-confirm">OK</button>
</div>

4、背景div加上 class="remodal-bg"有模糊效果

附件:remodal.css 、 remodal-default-theme.cssremodal.js

转载于:https://www.cnblogs.com/spqadd/p/4604159.html

 类似资料: