JQuery基础—动画效果及现象表示

5 .动画效果

a.基本动画(hide show 隐藏显示； fadeOut fadeln 淡出淡入； slideUp slideDown 滑入滑出)

b.自定义动画

      $(this).animate({left:"400px",height:"200px",opacity:l},3000)

                                                     .animate({top:"800px"，width:"200px"},3000)

                                                     .fade0ut("5000")

(top left 等参数写差值)

6.现象（event：自身事件）

 

 

 

a.冒泡行为 event.stopPropagation();（冒泡行为：多标签重合，触发内层标签事件时，会同时触发外层不同标签的相同事件 return false也可阻止冒泡行为）

 

 

 

b.默认行为event.preventDefault();（默认行为：表单提交时，如发生错误 则报错终止前 仍会运行提交行为 return false也可阻止默认提交行为）

 

 

 

1. CSS未排队和排队

 

（未排队 即写在方法后 会将css与方法同时执行 在方法触发同时改变样式

 

排队 则在动画方法后加入回调函数 即可保证样式在方法执行后再触发

 

）

 

 

 

d.自定义单个动画和多重动画连续滑动问题stop

 

（

 

1.

 

a.Stop().b  a元素执行b动画事件时，如果触发状态结束 则结束动画效果（终结动画运动剩余时间） 只可影响一个动画事件

 

2.

 

a.Stop(true/false).b  b动画事件中如果有多动画执行 可通过true/false 参数选定是否终结所有动画

 

3.

 

a.Stop(true/false，true/false).b  b动画事件中如果有多动画执行 可通过第一个true/false参数 选定是否终结所有动画（用于终结当前动画后的其他排队动画）  而第二个true/false 则用于判断是否完成当前执行中的动画（若执行 则直接完成当前动画）

 

）