jquery部分三组动画效果,自定义动画问题,音频视频加载

标题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没有这个功能-->

猜你喜欢

转载自blog.csdn.net/weixin_44022586/article/details/88387681
今日推荐