Javascript 如何设置列表的动画？

这是我的

正如你从小提琴上看到的，有一个列表在箭头的帮助下滚动。。因此，我想要的是，当列表可见和隐藏时，动画转换

我不知道动画。我看过很多例子，并试图用我的例子来调整它们，但它不起作用。。。如何获得要设置动画的列表

$（文档）.ready（函数（）{
var代码=“”；
对于（变量i=1；i=（（列表长度）-1））{
索引=（列表长度）-1；
}否则{
索引++；
}
}else{}
}

*{
框大小：边框框；
}
保险商实验室{
浮动：左；
高度：50px；
宽度：600px；
溢出：隐藏；
}
ulli{
文本对齐：居中；
边框：2件纯黑；
宽度：100px；
高度：50px；
浮动：左；
列表样式类型：无；
背景颜色：海蓝宝石；
}
李：第一个孩子{
显示：块；
}
#左，#右{
浮动：左；
高度：50px；
背景色：浅绿色；
字号：2em；
左侧填充：20px；
右边填充：20px；
}

---

您可以轻松地更换线路：

list_items[index].style.display = 'block';
list_items[index].style.display = 'none';

使用jQuery

show（）

和

hide（）

函数：

$(list_items[index]).show("slow");
$(list_items[index]).hide("slow");

正如我的最新版本的

对于不同的转换，您可以使用

animate（）

函数，该函数可以告诉它要影响哪些css属性。除了数值之外，jQuery还支持特殊值

'show'

，

'hide'

和

'toggle'

（顺便说一句，它将显示、隐藏或切换使用该属性的元素的显示/隐藏状态）。因此，例如，如果您只想水平收缩它们，而不想垂直收缩，则可以将

.show（）

和

.hide（）

调用更改为：

$(list_items[index]).animate({width:'show'}, 600);
$(list_items[index]).animate({width:'hide'}, 600);

---

我在另一个更新的

好问题中演示了这一点，我还想知道列表中的动画……以及旋转木马菜单的好逻辑……我先看到了这一点time@sandhyaGor谢谢。有很多这样的库。一个是记忆库：Slick；试试这个嗨，当它被隐藏时，看看这个答案，看起来像s有点尴尬。我怎么能把它制作成不同的动画呢？再加上简单一点，我已经编辑了我的帖子，加入了一些其他可能的动画制作方法。