jQuery PLugin To Create Sliding Underlines For Any Elements Slida - Download jQuery Plugin To Create Sliding Underlines For Any Elements - Slida

Download jQuery Plugin To Create Sliding Underlines For Any Elements – Slida

Posted on

This time I will share jQuery Plugin and tutorial about jQuery Plugin To Create Sliding Underlines For Any Elements – Slida, hope it will help you in programming stack.

jQuery PLugin To Create Sliding Underlines For Any Elements Slida - Download jQuery Plugin To Create Sliding Underlines For Any Elements - Slida
File Size: 3.87 KB
Views Total: 699
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   



Slida is a jQuery plugin which allows you to create customizable, sliding underlines for any DOM elements such as a links. 

How to use it:

1. Add both jQuery library and the jQuery slida plugin’s script to your html pages.

1 <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
2 <script src="jquery.slida.js"></script>

2. Call the function on the container where all the child elements will get a sliding underline when clicked.

1 slida({
2   lineContainer: $('.container')
3 });

3. Customize the underline with the following options.

01 slida({
02  
03   // color for the underline
04   backgroundColor: '#fff',
05  
06   // height in pixels
07   height: 3,
08  
09   // animation speed
10   animationSpeed: 300,
11  
12   // bottom padding in pixels
13   paddingBottom: 10,
14  
15   // target container
16   lineContainer: $('.container')
17    
18 });

This awesome jQuery plugin is developed by sergonius. For more Advanced Usages, please check the demo page or visit the official website.




source : jqueryscript.net