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.
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.
2 |
lineContainer: $( '.container' ) |
3. Customize the underline with the following options.
04 |
backgroundColor: '#fff' , |
16 |
lineContainer: $( '.container' ) |
This awesome jQuery plugin is developed by sergonius. For more Advanced Usages, please check the demo page or visit the official website.