JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Animated Social Menu Framework with magic
    Filed under 

    • 🔾3%Overall
    • 7
    • 77.7 days
    • 🕩1
    • 👥1

    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

    Show All