0

メニューとスライドを1ページで使用しました。メニューに応じてjquery.easing.1.3.jsを使用してから「easeOutBounce」を使用しました。

これで、メニューは正常に機能しています。

しかし、それはスライダーと競合します。スライダーではこの効果は必要ありません。この問題を解決する方法がわかりません。

このURLの下部のスライドに「easeOutBounce」効果を適用する必要はありません。

$.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 に答える