Get started with tipso CDN

MIT licensed

Tipso is a minimal library for creating tooltips and popovers.

Tags:
  • tipso
  • jquery-plugin
  • tooltip
  • responsive
  • mobile
  • lightweight

Stable version

Copied!

How to start using tipso CDN


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tipso/1.0.8/tipso.css" referrerpolicy="no-referrer" />
    <title>Get started with tipso CDN - cdnhub.io</title>
</head>
<body>
    <button id="tooltip-button">Show Tooltip</button>

    <script src="https://cdn.cdnhub.io/tipso/1.0.8/tipso.min.js" referrerpolicy="no-referrer"></script>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const tooltipButton = document.getElementById('tooltip-button');
            const tooltipContent = 'This is a tooltip!';

            tipso.show(tooltipButton, { content: tooltipContent });

            tooltipButton.addEventListener('mouseenter', () => {
                tipso.show(tooltipButton);
            });

            tooltipButton.addEventListener('mouseleave', () => {
                tipso.hide(tooltipButton);
            });
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions