0

これは、スライダー ナビゲーションの HTML 部分です。

<div id="button">
     <a class="button1 active" rel="1" href="#"></a>
     <a class="button2" rel="2" href="#"></a>
     <a class="button3" rel="3" href="#"></a>
</div>

これは、スライダーの完全な jQuery コードです。

$(document).ready(function (){
  $('#button a').click(function(){
    var integer = $(this).attr('rel');
    /*----- Width of div mystuff (here 160) ------ */
    $('#myslide .cover').animate({left:-160*(parseInt(integer)-1)})
    $('#button a').each(function(){
      $(this).removeClass('active');
      if($(this).hasClass('button'+integer)){
        $(this).addClass('active')
      }
    });
  });   
});

大学での課題用にコンテンツ スライダーを作成していますが、このコードに従うのに問題があります。

このスライダーの完全なコードは、ここにあります。

3 つのリンクには、値 1、2、および 3 の rel 属性があります。jQuery の次の行は、スライダーがどれだけスライドするかを計算します。

$('#myslide .cover').animate({left:-160*(parseInt(integer)-1)})

したがって、変数整数が 1 の場合は-160*(1-1)=0、スライダーは動かず、2 の場合、結果は -160 になり、160px だけ右に移動します。3 の場合、右に 320px 移動します。

このコードはどのようにスライドを左に移動しますか? ページでデモをテストすると機能しますが、方法がわかりません。誰か説明してくれませんか？

4

3 に答える 3

1

左に負の値を指定すると、要素は 0 の位置の左に移動します。0 から -160 までアニメートすると、左に移動します。

http://jsfiddle.net/vrRfu/

私は質問を誤解していますか？

ここに画像の説明を入力

正の整数に -160 を掛けると、負の左位置になり、要素が左に移動します。

于 2012-07-18T21:49:23.160 に答える
0

このスライドの秘密は '' です。3 つの段落を同じ行に配置する必要がありますが、div のサイズを 1 つのみにする必要があります。これは、'overflow' プロパティを変更して、消えるので、目の前にあるものだけが見えるウィンドウのようになり、最後に「.animate()」メソッドを使用して、「ウィンドウ」の前に物を移動できます

于 2012-07-18T22:03:09.720 に答える
0

整数が 1 で、それを左に動かしている場合、式は (-160)*-1-1 になり、-320 になります (スライダーを左に動かします)。正の場合は、正の数を掛けて、スライダーを右方向に動かします。

それが役立つことを願っています。

于 2012-07-19T15:53:14.940 に答える