jQuery

【jQuery】アニメーションナビゲーションNavigation Animation

December 10, 2016
Navigation Animation

Navigation AnimationはFont Awesome – Version 4.6.3、Iconate.js – v0.2.5、Animate.css – Version – 3.5.1、TweenMax – Version: 1.18.5を使ったアニメーションナビゲーション。

Navigation

   var band = false;
    var Button = $('#menu');

    Navigation: function(){
        Button.click(function(event) {
            if (band==false) {
                var options = {
                    from: 'fa-bars',
                    to: 'fa-times',
                    animation: 'rubberBand'
                };
                iconate(iconElement, options);
                //Open -> Menu
                band = true;
            }else{
                var options = {
                    from: 'fa-times',
                    to: 'fa-bars',
                    animation: 'rubberBand'
                };
                iconate(iconElement, options);
                //Close -> Menu
                band = false;
            }
        });
    }

Demo/Download