Animated Social Menu Framework with magic
CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Permalink
Failed to load latest commit information.
css Update engaged.css Jul 21, 2014
documentation Required files added Jul 22, 2014
fonts Required files added Jul 22, 2014
js Update engaged.js Jul 21, 2014
LICENSE Initial commit Jul 20, 2014
README.md Update README.md Jul 21, 2014
engaged.html social colors changed from js to css Jul 21, 2014
engaged.jquery.json Update engaged.jquery.json Jul 22, 2014

README.md

Engaged Social Navigation Framework

Introduction

Engaged social menu is a super simple menu that can be easily integrated into any website including Wordpress. Some of the beautiful icons from font awesome has been used to increase the beauty.

How to Use

There are 4 files that must be included, for the menu to work perfectly. These are;

  • Engaged.css
  • Engaged.js
  • Font-awesome.css
  • jQuery.js

Demo

Demo is included with with other files. Demo contain four different navigation menus. You may choose your own style and alignement, or even the full width on top.

How to change animation

By default only one animation will work if demo.js is removed. If user want to change the animation open file engaged.js and find "openDownLeft" in here;

   $all.mouseenter(function(){
        $(this).addClass("magictime openDownLeft");
    });
    $all.mouseleave(function(){
           $(this).removeClass("magictime openDownLeft");
    });
  

Now instead of "openDownLeft" following animations can be selected.

  • openDownLeft
  • openDownRight
  • openUpLeft
  • openUpRight
  • twisterInDown
  • twisterInUp
  • swap
  • puffIn
  • vanishIn
  • openDownLeftRetourn
  • openDownRightRetourn
  • perspectiveDownRetourn
  • perspectiveUpRetourn
  • perspectiveLeftRetourn
  • perspectiveRightRetourn
  • slideDown
  • slideLeft
  • slideRight
  • tinRightIn
  • tinLeftIn
  • tinUpIn
  • tinDownIn