jquery滑块：平滑点击动画

jquery滑块包含一个“animate”opton，当设置为“true”时，会在点击滑块时将手柄滑动到位置。jquery滑块：平滑点击动画

即时通讯使用我的滑块滚动另一个div中的内容，创建一个类似的eeffect作为苹果网站上的一个。 http://www.apple.com/mac/

问题是，当我单击滑块时，它平滑地动画处理，但不是其他div。我有另一个div在“幻灯片”和“更改”事件上滚动。任何想法如何我可以实现顺利滚动的其他股利？

在此先感谢，jQuery的神。

我的代码：

var list = $('.sliderGallery ul'); 

$('.slider').slider({ 
    min:0, 
    max:1500, 
    animate: true, 
    slide: function(event, ui) { list.css('left', '-' + ui.value + 'px'); }, 
    change: function(event, ui) { list.css('left', '-' + ui.value + 'px'); } 
});

来源

2010-01-12 Ped

这已经有一段时间，因为我用JavaScript，但据我记得jQuery的你可以尝试做同样的事情，你已经在做，但使用动画效果。试试这个：

var list = $('.sliderGallery ul'); 

$('.slider').slider({ 
    min:0, 
    max:1500, 
    animate: true, 
    slide: function(event, ui) { list.animate({'left': '-' + ui.value + 'px'}, 'normal'); }, 
    change: function(event, ui) { list.animate({'left': '-' + ui.value + 'px'}, 'normal'); } 
});

此代码可能无法正常工作，但它可能会作为一个起点。以下是该功能文档的链接：animate(params, [duration], [easing], [callback]) in Effects/animate。

来源

2010-01-12 19:11:36

这并没有真正削减它。谢谢。 – Ped 2010-01-13 15:57:28

嘿Ped！我可以更多地看待它，希望能够提出一个可行的解决方案，但我严重缺乏测试环境。你会介意在你的问题中添加一个简单的实现，你试图达到的目标会遇到不够流畅的问题。如果帮助你不需要额外的努力来构建沙箱，它会更容易（而且不仅仅是我，我确信）可以帮助你。 – 2010-01-13 17:18:41

jquery滑块：平滑点击动画

回答

相关问题