使用JQuery设置页面动画和旋转页面，

我正在为网站创建一个滑动/动画页面模板

默认情况下，我在用户屏幕上显示3页。 在左边，我们可以看到上一页的10%。 在屏幕中央，我显示当前页面，在右边，我们可以看到下一页的10%

在这个网站上，有一个顶部菜单，允许我们选择任何项目，并在页面之间导航。每个项目都链接到本网站当前5个页面中的一个，并显示相应的页面标题

当我单击顶部菜单的一个项目时，我会向左或向右滑动/设置页面动画，直到设置并到达链接到所选菜单项的正确页面

这里是myLoopright函数，我可以多次调用SlidingRight函数

        function myLoopright () 
        {          
            //  create a loop function
            setTimeout(function () 
            {   
                sliddingright(page_id_target_right,previous_right_old,previous_right,next_right,pages_numbers,loop);
                loopcount++;    //  increment the counter

                if (loopcount <= (difference_pages-1)) 
                {   
                   myLoopright();       //  ..  again which will trigger another 
                }                        
            }, 1100) //  ..  setTimeout()
        } // closing myLoop function

这段代码可以工作，但是，当我需要滑动很多页面时，滑动效果并不流畅

所以我想在SlidingRight函数的所有动画完成后调用myLoopright函数，并删除setTimeout函数

        function myLoopright () 
        {          
            //  create a loop function
            setTimeout(function () 
            {   
                sliddingright(page_id_target_right,previous_right_old,previous_right,next_right,pages_numbers,loop);
                loopcount++;    //  increment the counter

                if (loopcount <= (difference_pages-1)) 
                {   
                   myLoopright();       //  ..  again which will trigger another 
                }                        
            }, 1100) //  ..  setTimeout()
        } // closing myLoop function

要查看我的开发代码，您可以访问这里：

---

干杯

这可能是个好问题。