Skip to content
Animated Social Menu Framework with magic
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
documentation
fonts
js
LICENSE
README.md
engaged.html
engaged.jquery.json

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

You can’t perform that action at this time.