Skip to content
Underliner jQuery Plugin
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitattributes
.gitignore
index.html
licence.md
readme.html
readme.md
underliner.css
underliner.js
underliner.min.js
underliner.scss

readme.md

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.

You can’t perform that action at this time.