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!