Get started with marginotes CDN

MIT licensed

Marginotes: Lightweight library for interactive, collapsible annotations on web pages sides.

Tags:
  • jquery-plugin
  • ecosystem:jquery
  • notes
  • margin

Stable version

Copied!

How to start using marginotes CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with marginotes CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/marginotes.min.css">
  <script src="https://cdn.cdnhub.io/marginotes/0.1.0/marginotes.min.js"></script>
</head>
<body>
  <div class="page">
    <div class="marginnote" data-side="left">
      <p>This is a left margin note.</p>
    </div>
    <div class="marginnote" data-side="right">
      <p>This is a right margin note.</p>
    </div>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  </div>
  <script>
    marginotes.init();
  </script>
</body>
</html>
Copied!
Copied!
Copied!

All versions