标题jquery部分三组动画
slideup()划入 slidedown()划出 slidetoggle()划入划出切换;
show()显现 hide()隐藏 ;
padein()淡入 padeout()淡出 padetoggle()淡入淡出切换
animate({},3000,linear,function{})自定义动画 第一个参数 对象,需要显示的效果 ; 动画的执行时间 ; 第三个参数默认先加速后减速,linear匀速; 第四个回调函数,动画结束了之后执行
$(‘div’).stop().animate({width:500}).siblings().stop().animate({width:100}) 同一个元素多个动画效果可以.animate()连接,但是每一个动画后面加stop()方法,解决动画队列问题。
// stop停止当前正在执行的动画 使用情况在元素后面.动画.动画.动画。。。中断动画
$(‘input’).eq(0).click(function(){
$(‘div’).slideDown(4000).slideUp(4000)//先下拉再上拉
})
// $(‘input’).eq(1).click(function(){
// $(‘div’).stop();//取消上一次动画效果,还没下拉到指定效果,就执行下一次效果,点击两次,后面没有要执行的效果,执行到什么效果就到哪停止
// })
$(‘input’).eq(1).click(function(){
$(‘div’).stop(true,false);//第一个是否清除动画队列 第二个是否先从上一次动画最终状态开始执行下一次动画 清除队列点击停止,停留在动画停止状态,不清除,继续执行下一个动画
})
音频视频加载:
<!-- 给每一个li添加让音乐播放事件 get(num)让他变为dom对象,jquery没有这个功能-->