jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – jQuery:自定义水平手风琴宽度问题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_675_1@
我试图创建一个定制水平手风琴风格的展示.在实际功能方面,我有框架(可以在这里看到):

http://www.jsfiddle.net/adrianjacob/UdUus/

然而,我的主要bug(和客户端)是,如果你看右手边,随着宽度上下动画,总会有轻微的移动/闪烁.

理想情况下,我希望它看起来平滑,所以只有开始/结束列表有移动.

任何建议将不胜感激.

一个.

解决方法

使用 @L_675_7@功能的步骤(没有详细记录)…我已经更新了 demo

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() {});

Kwicks插件中使用了类似的方法.

大佬总结

以上是大佬教程为你收集整理的javascript – jQuery:自定义水平手风琴宽度问题全部内容,希望文章能够帮你解决javascript – jQuery:自定义水平手风琴宽度问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。