2016-04-21 8 views
-2

私はむしろやっていないと思います。私はこのメニューの効果を達成しようとしています:Modernizrを使用せずにこの成果を達成しましたか?

デモ: http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/

しかし、おそらく場所でのjQueryを使用してModernizrを使用せずに。すべてに

$.DLMenu.prototype = { 
    _init : function(options) { 
// options 
     this.options = $.extend(true, {}, $.DLMenu.defaults, options); 
     // cache some elements and initialize some variables 
     this._config(); 

     var animEndEventNames = { 
       'WebkitAnimation' : 'webkitAnimationEnd', 
       'OAnimation' : 'oAnimationEnd', 
       'msAnimation' : 'MSAnimationEnd', 
       'animation' : 'animationend' 
      }, 
      transEndEventNames = { 
       'WebkitTransition' : 'webkitTransitionEnd', 
       'MozTransition' : 'transitionend', 
       'OTransition' : 'oTransitionEnd', 
       'msTransition' : 'MSTransitionEnd', 
       'transition' : 'transitionend' 
      }; 
     // animation end event name 
     this.animEndEventName = animEndEventNames[ Modernizr.prefixed('animation') ] + '.dlmenu'; 
     // transition end event name 
     this.transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ] + '.dlmenu'; 
     // support for css animations and css transitions 
     this.supportAnimations = Modernizr.cssanimations; 
     this.supportTransitions = Modernizr.csstransitions; 

     this._initEvents(); 

    }, 

Codepen - http://codepen.io/eclipsewebdesign/pen/FcuGJ/

ことも可能です。この:このコードの一部は、私をトリップさは何ですか?私はJQueryを使用しようとしましたが、私の限られた知識で私は成功しませんでした。

+0

Modernizrをビルドに組み込むだけではどうですか?使用するプラグインに必要なCSSアニメーション/トランジションテストのみを含むカスタムバージョンを出力することができます。 –

答えて

0
$('.top-menu').click(function() { 
    $(this).fadeIn('fast', function() { 
     if($(this).next().length > 0) { 
      $(this).fadeOut('fast', function() { 
       $(this).next().fadeIn('fast'); 
     }); 
     } 
    }); 
}); 

このような何かをありがとう!

関連する問題