Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

Underliner jQuery Plugin

Underliner

v1.0.0

###Features: Creates animated underline for links.

Usage

First you need to include necessary files

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="underliner.js"></script>
<link rel="stylesheet" href="underliner.css" />

Then simply apply underliner to <a> elements of your choice

<script>
	$('.underliner').underliner();
</script>

Parameters

<script>
	$('.underliner').underliner({
		direction: 'center' /* 'center', 'left' or 'right', defaults to 'center'
							   Underline animation starting point. */
	});

	$('.underliner').underliner({
		color: '#f00' /* Underline color, any valid css color.
		                 If omitted underline will be the same color
		                 as the applied element */
	});

	$('.underliner').underliner({
		duration: 400 /* Animation duration in milliseconds, defaults to 200 */
	});

	$('.underliner').underliner({
		show: true /* Element appears underlined instead of animating on hover.
					  Defaults to false */
	});

	/* You can apply these parameters in any combination. */
</script>

Important

May only be applied <a> elements which displays inline. Since this plugin mimics the background-color, please only use on solid backgrounds.

beltslib.net

Dependencies

License

CC0 1.0 Universal Licence

Dependecies have their own licence information. Please view them before use.