javascript - 图像滑块代码，任何人都可以详细说明

Question

嗨，我是 javascript 新手，我想要一个图像滑块，所以遇到了下面提到的代码。谁能给我解释一下，尤其是**中的代码。我真的很感激，谢谢。

var blocks = $(".blocks li");
var image = $(".imageholder li");
var imgholder = $(".imageholder");
var imagew = $(".imageholder li").width();
var speed = 300;


blocks.removeClass('selected').first().addClass('selected');

**blocks.click(function() {
var target = $(this).index();**

**imgholder.animate({"left": "-"+imagew*target+"px"}, speed);**

blocks.removeClass('selected');
$(this).addClass('selected');

Answer 1

blocks.click表示当您单击类为 的元素中的元素 li 时blocks，执行参数中的函数。

var target = $(this).index();

表示获取元素的编号，单击第二个元素将分配 2 给目标。

imgholder.animate({"left": "-"+imagew*target+"px"}, speed)

将以极快的速度将 img 向左移动到位置 -Ypx，其中 Yimagewidth等于target