大佬教程收集整理的这篇文章主要介绍了javascript – jQuery:自定义水平手风琴宽度问题,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
http://www.jsfiddle.net/adrianjacob/UdUus/
然而,我的主要bug(和客户端)是,如果你看右手边,随着宽度上下动画,总会有轻微的移动/闪烁.
理想情况下,我希望它看起来平滑,所以只有开始/结束列表有移动.
任何建议将不胜感激.
一个.
var panels = $('#promo li'); panels.hoverIntent( function() { if (!$(this).is('.expanded') && !panels.is(':animated')) { $(this).animate({ width: 200 },{ // width is the calculated width,ani is the animation object step: function(width,ani) { var w = Math.floor(width); // use 250 so we end up with 50 as the reduced size $('.expanded').css('width',(250 - w) + 'px'); $(ani.elem).css('width',(200 - w) + 'px'); },duration: 500,complete: function() { panels.removeClass('expanded'); $(this).addClass('expanded'); } }); } },function() {});
以上是大佬教程为你收集整理的javascript – jQuery:自定义水平手风琴宽度问题全部内容,希望文章能够帮你解决javascript – jQuery:自定义水平手风琴宽度问题所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。