Jquery滑块运动

时间:2012-02-02 06:55:49

标签: javascript jquery slider

我正在研究一个项目,我不得不改变滑块运动,但我不知道如何改变运动方向。现在它正在从右向左移动,但我想要从上到下移动。这是我正在工作的项目链接http://184.173.9.8/~intellis/isg/滑块位于右侧的合作伙伴标题下。

2 个答案:

答案 0 :(得分:1)

这里有一个示例http://api.jquery.com/slideDown/您还可以使用css http://api.jquery.com/css/函数指定动画的起始位置,并使用jQuery动画来放置最终位置http://api.jquery.com/animate/。使用第一个功能,您应该能够使用第二个功能解决问题,您可以创建自己的动画。希望这有点帮助。

答案 1 :(得分:1)

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