Jquery滑块移动

Question

我正在开发一个项目，我必须更改滑块的移动，但我不确定如何更改移动方向。现在它从右到左移动，但我想要从上到下移动。这是项目的链接我正在研究http://184.173.9.8/~intellis/isg/ 滑块位于右侧“合作伙伴”标题下。

Answer 1

这里有一个示例 http://api.jquery.com/slideDown/ 您也可以使用css http://api.jquery.com/css/ 函数指定动画从哪里开始并使用 jQuery animate 将最终位置 http://api.jquery.com/animate/。使用第一个函数，您应该能够解决第二个函数的问题，您可以创建自己的动画。希望这会有所帮助。

Answer 2

1-您应该像这样更改 ul 的高度属性。

<ul id="home-widget-slider" style="height: 300px; width: 500px; left: -1000px; " class="anythingBase"><li class="cloned panel" style="width: 500px; height: 300px; "></ul>

2- 您应该隐藏除第一个之外的所有 li

$(function(){
 var i = 0;
  $("li").each(function(){
     if(i++>0)
       $(this).hide();
  })
})

3- 我看不到 javascript，但您应该对 li 执行此操作

$("#home-widget-slider li activePage").removeClass("activePage").slideUp(400).next().addClass("activePage").slideDown(300);