The jQuery plugin for doing cool hovers on inline navigations
HTML CoffeeScript CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
example
src
.gitignore
Gruntfile.js
README.md
bower.json
package.json

README.md

HoverSlippery

The jQuery plugin for doing cool hovers on inline navigations

Install

bower install hoverSlippery

How to use

  • 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();
  })

Options

  {
    
    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.
    
  }

Try demo