jquery图片特效

1 . 动画特效：跳舞的时钟动画用HTML5 Canvas和jQuery实现。
秒针动时散落圆球。
手风琴特效：鼠标悬停图片展开收缩。

2 . 滑动特效：图片滑动切换用jQuery。
轮播图常见。
调整速度方向。
逐帧动画：jQuery控制图片播放顺序速度。

3 . 拖拽特效：图片拖拽交换位置用jQuery Draggable插件。
拼图游戏常用。

4 . 防止重复点击：动画用.stop()停止。
判断动画状态避免重复。

5 . 其他特效：圆角图片用CSS。
透明度动画用.animate()。

你自己掂量。

JQuery怎么实现展开收缩的时候，按钮换图？

2 02 2 年，我搞了一个网页，用jQuery写了个小玩意儿。
代码是这样的，你试试看，应该会看到效果。

javascript $("abc").click(function(){ var _abc=$(this); $("bcd").toggle(1 000,function(){ _abc.removeClass("one").addClass("two"); }); });
我当时也懵，这代码咋写的，后来我一看，原来是这个意思。
点那个abc，然后bcd就动，1 000毫秒之后，abc的样式就变了，从one变成two。
one是展开的箭头，two是收缩的箭头，对吧。

我后来才反应过来，这toggle函数还真是神奇，可以控制显示和隐藏。
不过，我也偏激地想，这种小技巧，用得太多，页面会不会太花哨了点？

怎么只用Jquery实现菜单的收缩，点一下把子菜单隐藏，再点一下把子菜单展开，就像QQ好友分类那样，3Q！

ID规则要一致，避免冲突。
别让ID超过三位数，这会导致代码冗长。