Get started with layer CDN

LGPL licensed

Layer: Lightweight, flexible library for modals, popups, and overlays.

Tags:
  • layer
  • layui
  • dialog

Stable version

Copied!

How to start using layer CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with layer CDN - cdnhub.io</title>
    <script src="https://cdn.cdnhub.io/layer/3.5.1/layer.js"></script>
    <style>
        body { font-family: Arial, sans-serif; }
    </style>
</head>
<body>
    <button id="showMessage">Show Message</button>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const message = 'Hello, Layer!';
            const btn = document.getElementById('showMessage');

            btn.addEventListener('click', function() {
                layer.open({
                    content: message,
                    btn: ['Close'],
                    skin: 'layer-ext-moon'
                });
            });
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions