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 个链接的 rel 属性值为 1,2 和 3。这行 jQuery 计算滑块将滑动多少：

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

因此，如果变量整数为 1，它将是-160*(1-1)=0- 如果其为 2，则滑块不会移动，结果将为 -160，它将向右移动 160 像素。如果它是 3，它将向右移动 320 像素。

此代码如何将幻灯片向左移动？如果您在页面上测试演示，它可以工作，但我不明白如何？有人可以向我解释一下吗？

4

3 回答 3

1

负左值将导致元素移动到 0 位置的左侧。当您从 0 到 -160 设置动画时，它会向左移动。

http://jsfiddle.net/vrRfu/

我误解了这个问题吗？

在此处输入图像描述

正整数乘以 -160 会产生负向左位置，从而导致元素向左移动。

于 2012-07-18T21:49:23.160 回答
0

这张幻灯片中的秘密是“”，因为当您将“溢出”属性更改为隐藏所有超出会消失，所以它就像一个窗口，只有你看到前面的东西，最后使用 '.animate()' 方法，你可以将东西移动到“窗口”的前面

于 2012-07-18T22:03:09.720 回答
0

如果您的整数为 1 并且您将其向左移动，则您的公式将为 (-160)*-1-1，这将为您提供 -320（将滑块向左移动）。如果它是正数，您将乘以一个正数，将滑块向右移动。

希望有帮助。

于 2012-07-19T15:53:14.940 回答