The jQuery plugin for doing cool hovers on inline navigations
bower install hoverSlippery
- Include jquery
- Include hoverslippery.js file into the index.html
<script type="text/javascript" src="hoverslippery.js"></script> or include minified file
<script type="text/javascript" src="hoverslippery.min.js"></script> - Init hoverSlippery
HTML One li element must be with class 'active' ```html ```
CSS
ul { padding:0;margin:0; }
li { display: inline-block; }Javascript
$(document).ready(function(){
$('.forUsePlugin').hoverSlippery();
}) {
border: true // If you want bordered slippery
borderTwice: true // Bordered slippery, top and bottom line. border options must be true
underline : true // Bordered slippery, bottom line. border options must be true
overline : true // Bordered slippery, top line. border options must be true
borderColor : '#BADA55' // Change border color
borderStyle : 'solid' // Change border style. Default: solid
borderWidth : '1px' // Change border width. Default: 1px
bgColor : '#394264' // Change background color. border option must be false. Default: #394264
speed : 300 // Slippery speed. Default: 300
radius : '5px' // Change border radius. Default: 5px. border options must be false.
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent