2013-02-12 90 views
0

嗨有IAM新的JavaScript和我想imagelider,所以遇到了下面提到的代码。任何人都可以向我解释这一点,尤其是**中的代码。我真的很感激,谢谢。当你在一个元素内的一个元素里点击带班的blocks, 的参数执行功能图像滑块代码,任何人都可以详细说明

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'); 

回答

0

blocks.click手段。

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

表示获取元素的编号,点击第二个元素将指定2到目标。

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

将在img动画到左边,在速度的速度和到位置-Ypx,其中,Y是等于imagewidthtarget

+0

'变种imagew = $(”。imageHolder的原因利“).width();' 这个变量收集列表项的宽度是否正确? – samad 2013-02-12 19:15:07

+0

是的,它收集这个值 – edi9999 2013-02-12 19:20:26

相关问题