0

我在一个页面中使用了根据菜单和幻灯片。我从使用 jquery.easing.1.3.js 到根据菜单使用“easeOutBounce”。

现在菜单工作正常。

但它与滑块冲突。我不需要 Slider 的这种效果。我不知道如何解决这个问题。

我不需要“easeOutBounce”影响此 URL 的底部幻灯片。

$.easing.def = "easeOutBounce";当我从我的代码中删除这一行时，幻灯片不是问题。但我需要这个效果来根据菜单。

我的代码是

<script>
    $(document).ready(function(){
        $.easing.def = "easeOutBounce";
        $('li.button a').click(function(e){
            var dropDown = $(this).parent().next();
            $('li.dropdown').not(dropDown).slideUp('slow');
            dropDown.slideToggle('slow');
            e.preventDefault();
        })
    });
</script>
<script>
    $(function(){
        $('#slides_two').slides({
            generateNextPrev: true,
            pagination: false,
            preload: true,
            preloadImage: 'images/loading.gif',
            generatePagination: false,
            play: 10000,
            slideSpeed: 3000,
            effect: 'slide',
            pause: 4000,
            hoverPause: true
        });
    });
</script>
4

1 回答 1

1

您可以为滑块使用slideEasing选项。这就是您的代码使用此选项的方式：

<script type="text/javascript">
      $(document).ready(function(){
    $.easing.def = "easeOutBounce";
    $('li.button a').click(function(e){
    var dropDown = $(this).parent().next();
    $('li.dropdown').not(dropDown).slideUp('slow');
    dropDown.slideToggle('slow');
    e.preventDefault();
})

      });
      </script>
      <script type="text/javascript">
    $(function(){

        $('#slides_two').slides({
            generateNextPrev: true,
            pagination: false,
            preload: true,
            preloadImage: 'images/loading.gif',
            generatePagination: false,
            play: 10000,
            slideSpeed: 3000,
            effect: 'slide',
            pause: 4000,
            hoverPause: true,
            slideEasing: "jswing"
        });

        });
</script>

您可以在此处查看缓动类型。

于 2012-09-22T06:44:53.023 回答