在不使用现代化的情况下实现此结果
Achieve this outcome without the use of Modernizr?
出于我宁愿不进入的原因。我正在尝试实现此菜单的效果:
演示: http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/
但是没有使用Modernizr可能会使用JQuery。代码的这一部分是让我绊倒的:
$.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();
},
代码笔与一切 - http://codepen.io/eclipsewebdesign/pen/FcuGJ/
这可能吗?任何帮助将不胜感激,我尝试使用JQuery,但由于我的知识有限,我没有成功。
谢谢
$('.top-menu').click(function() {
$(this).fadeIn('fast', function() {
if($(this).next().length > 0) {
$(this).fadeOut('fast', function() {
$(this).next().fadeIn('fast');
});
}
});
});
像这样的东西?
相关文章:
- 如何在没有按钮的情况下实现显示隐藏JavaScript
- 如何在没有JQuery的情况下正确实现无限滚动的AngularJS表
- 在什么情况下我们需要在javsacript中实现单例类
- 在不使用现代化的情况下实现此结果
- 打字稿 - 在不实现接口父级的情况下实现接口
- 如何在进行 ajax 调用的情况下实现后退按钮
- 如何在有或没有Iframe的情况下实现SEO友好的Spotify/Rhapsody/iTunes类界面
- 在没有“位置”属性的情况下实现绝对定位,使用边距/填充
- 如何在不显示弹出窗口的情况下实现推特关注
- 如何在没有Flash/Java的情况下实现浏览器到浏览器的通信(允许服务器作为桥梁)
- 使用jQuery在不使用ID和Name的情况下实现跨度的单击事件
- 如何在不使用apply的情况下实现Function.prototype.apply
- 在不访问标记的情况下实现jquery显示/隐藏切换
- 如何在没有jQuery的情况下实现toggleClass()
- 如何在没有用户注册的情况下实现保存到Lightbox功能
- 在没有额外精度的情况下实现精确的cbrt()函数
- 寻求在没有邀请/请求的情况下实现朋友选择器类型功能
- 如何在不使用任何Javascript框架的情况下实现MV*架构?
- Android -带有指向WebView指针的Javascript接口-如何在没有内存泄漏的情况下实现它
- 如何在不使用jQuery刷新页面的情况下实现这一点