Marked Annotation - Highlight Your Website Important Data

Marked Annotation is a lightweight jQuery plugin designed to draw attention to critical content on your website using beautiful, eye-catching visual markers. Whether you want to emphasize key text, callout data points, or guide user onboarding, this tool makes it seamless.

Built with clean, well-commented, and highly organized code, developers can integrate it into any project in minutes. It is fully responsive, highly customizable, and works flawlessly across all modern browsers and devices. Check out our live demo to see it in action!

Features

• 7 Powerful Annotation Styles:
  • Highlight (classic marker effect)
  • Box / Border framing
  • Underline text styling
  • Circle focal points
  • Bracket encapsulation
  • Strike-Through lines
  • Crossed-Off deletion marks
• Fully Customizable: Easily adjust colors, stroke thickness, animations, and padding.
• Data-Attribute Customization: Set custom colors, stroke thickness, and padding directly inside your HTML tags using simple data properties (e.g., data-mgsmanot-color="#ff0000").
• Developer-Friendly: Clean, well-commented, and organized code structure.
• Seamless Integration: Quick setup with step-by-step documentation included.
• Cross-Browser Compatible: Tested and working smoothly across all major modern browsers.
• 100% Responsive: Scales beautifully on mobile, tablet, and desktop screens.
• Premium Author Backup: Ships complete with clear step-by-step setup documentation, responsive dedicated technical support, and free lifetime item updates.

CHANGELOG

----- V 1.1 Released: 1 March 2026 ----- - Upgraded: Upgraded bootstrap to the most latest version 5.3.8 - Upgraded: Upgraded Font awesome to the most latest version 7.2.0 - Upgraded: Upgraded jQuery to latest version 3.7.1 ----- Initial V 1.0 Released: 28 November 2023 ----- - Initial Released