Question

我仍然对jquery有点新鲜，你可能会注意到这一点。

这是jquery代码，但我认为你需要看清楚这个例子：

$(document).ready(function(){

                $('body').click(function(event) {
                    if($(event.target).is('.pageOne')) {
                        $('.pageTwo, .pageThree, .pageFour').fadeOut();
                                                    }

                    else if ($(event.target).is('.pageTwo')) {
                        $('.pageOne, .pageThree, .pageFour').fadeOut();
                        }

                    else if ($(event.target).is('.pageThree')) {
                        $('.pageFour, .pageTwo, .pageOne').fadeOut(); }

                    else if ($(event.target).is('.pageFour')) {
                        $('.pageThree, .pageTwo, .pageOne').fadeOut(); }
                });



            }); // end ready

这只是一个原型，我可能会在以后翻译成有用的东西。基本上我要做的是，当你点击其中一个彩色文章时，其余部分消失（有效），但是你会发现被点击的项目有点跳到左边，因为它是漂浮在左边。

我想要的是点击的文章以某种方式平滑地向左滑动。

关于如何实现这一目标的任何想法？

提前致谢！

Answer 1

也许您可以使用fadeOut()方法替换animate()，如下所示：

$('.pageTwo, .pageThree, .pageFour').animate({'width':'0','opacity':'0'});

查看演示 http://jsfiddle.net/QLcCT/6/

Jquery，浮动元素消失后平滑过渡幻灯片

1 个答案: