jQuery Project to Highlight or Underline Text inside Div Paragraph With Colorful Pen Marker Animation in Browser Using HTML5 & Javascript Full Project For Beginners

 

 

jQuery Marker Animation

npm version CI Status codecov CodeFactor License: MIT

Read this in other languages: English日本語.

jQuery plugin to add under line animation like highlighter.

Demonstration

Table of Contents

Details

Screenshot

Behavior

Behavior

Installation

npm

https://www.npmjs.com/package/jquery.marker-animation

Browser

Download Release version and enqueue script.

WordPress

GitHub

Usage

Options

color

Set the color of line

thickness

Set the thickness of line

duration

Set the time to complete drawing a line

delay

Set the time to start drawing a line

font_weight

Set the thickness of characters

[default = bold]
If you do not want to make it bold, please set null.

repeat

Set whether to repeat the animation

If this set to true, the animation will be executed again when it is off screen and displayed again.

stripe

Set whether to make it stripe design

If this set to true, the animation will not be executed.

stripe

rtl

Set whether to support rtl

How to set the value for each

You can set options in the following format.

e.g. Change color

In this example, the color of the line is red.

e.g Multiple options

In this example, the options below are set.

  • Repeat animation
  • Not bold
  • 2sec delay animation

 

 

DOWNLOAD FULL SOURCE CODE

 

 

Leave a Reply