Javascript 在不使用现代化的情况下实现这一结果?
因为一些我不想进入的原因。我正在尝试实现此菜单的效果: 演示: 但是如果不使用Modernizer,就可能使用JQuery。这部分代码让我很困惑:Javascript 在不使用现代化的情况下实现这一结果?,javascript,jquery,html,css,modernizr,Javascript,Jquery,Html,Css,Modernizr,因为一些我不想进入的原因。我正在尝试实现此菜单的效果: 演示: 但是如果不使用Modernizer,就可能使用JQuery。这部分代码让我很困惑: $.DLMenu.prototype = { _init : function( options ) { // options this.options = $.extend( true, {}, $.DLMenu.defaults, options ); // cache some elements and
$.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();
},
代码打开一切-这可能吗?如果有任何帮助,我将不胜感激。我尝试使用JQuery,但由于知识有限,我没有成功 多谢各位
$('.top-menu').click(function() {
$(this).fadeIn('fast', function() {
if($(this).next().length > 0) {
$(this).fadeOut('fast', function() {
$(this).next().fadeIn('fast');
});
}
});
});
类似这样的东西?为什么不在构建中包含Modernizer?您可以输出一个自定义版本,其中只包含您想要使用的插件所需的CSS动画/转换测试。