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

Question

嗨，我刚接触到javascript，我想要一个imageslider，所以遇到了下面提到的代码。任何人都可以向我解释这一点，尤其是**中的代码。我真的很感激，谢谢。

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表示当您点击类blocks的元素中的元素li时， 执行参数中的函数。

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

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

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

将以速度和位置-Ypx向左移动img，其中Y等于imagewidth

的target倍