Get started with jquery-popup-overlay CDN

MIT licensed

Lightweight jQuery plugin: creates draggable, resizable pop-up overlays.

Tags:
  • jquery
  • popup
  • overlay
  • modal

Stable version

Copied!

How to start using jquery-popup-overlay CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jquery-popup-overlay CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-popup-overlay/2.1.5/jquery.popupoverlay.css" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jquery-popup-overlay/2.1.5/jquery.popupoverlay.min.js"></script>
    <style>
        #my-popup {
            width: 200px;
            height: 150px;
            background-color: #f9f9f9;
            padding: 20px;
            text-align: center;
            border: 1px solid #ddd;
            border-radius: 5px;
            position: relative;
        }
    </style>
</head>
<body>
    <button id="open-popup">Open Popup</button>
    <div id="my-popup">
        <p>This is a popup overlay.</p>
    </div>

    <script>
        $(document).ready(function() {
            $('#open-popup').click(function() {
                $('#my-popup').popupoverlay();
            });
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!

All versions