3.js效果显示隐藏,滑动,淡入淡出,自定义动画

1.常用动画效果。

3.js效果显示隐藏,滑动,淡入淡出,自定义动画_第1张图片

2.显示,隐藏,切换,参数一般都省略

第二个参数,swing是先快后慢,linear就是匀速变。

3.js效果显示隐藏,滑动,淡入淡出,自定义动画_第2张图片

3.js效果显示隐藏,滑动,淡入淡出,自定义动画_第3张图片

3.js效果显示隐藏,滑动,淡入淡出,自定义动画_第4张图片

  

5.淡入淡出效果,参数与之前相同。

3.js效果显示隐藏,滑动,淡入淡出,自定义动画_第8张图片

6.修改透明度。速度透明度必须要写。

3.js效果显示隐藏,滑动,淡入淡出,自定义动画_第9张图片

高亮效果。

 

7.自定义动画。

3.js效果显示隐藏,滑动,淡入淡出,自定义动画_第10张图片

8.王者荣耀手风琴案例。

每个li里面都有一个小图片和一个大图片,小图片定位在大图片上。平时大图片隐藏。

3.js效果显示隐藏,滑动,淡入淡出,自定义动画_第11张图片

3.js效果显示隐藏,滑动,淡入淡出,自定义动画_第12张图片

因为small不是直接儿子,所以用find找后代small,然后兄弟sibling找big。

10.mouseover和mouseenter的区别。

over进入father会触发,然后进入儿子,再触发一下。(事件冒泡)

enter只有进入father会触发,再进入儿子不另外触发了。

你可能感兴趣的:(jQuery)