JQ 动画 animate 参数详解

 时间:2024-10-12 18:09:43

1、首先页面准备了一个HTML,里面放了一个DIV和一个按钮

JQ 动画 animate 参数详解

2、然后引用JQ插件,然后给按钮注册点击事件

JQ 动画 animate 参数详解

3、第一个参数:用来修改CSS样式animate({height:'300px',opacity:'0.4'});,这里方法的css的改变情况,点击之后高度移动到300,透明度到0.4

JQ 动画 animate 参数详解

4、第二个参数:用来修改动画的速度animate({height:'300px'挢旗扦渌;,opacity:'0.4'},'slow');默认是 "normal"。可能的值:毫秒 (比如 1500)、"slow"、"normal"、"fast",表示这个花多少时间执行完这个动画

JQ 动画 animate 参数详解

5、第三个参数:动画执行完成之后的回调方法就是动画执行之后,告诉你执行完成了。animate(辘腋粪梯{height:'300px',opacity多唉捋胝:'0.4'},'slow',function(){alert("OK")});

JQ 动画 animate 参数详解

6、总结1、第一个参数:用来修改CSS2、第二个参数:用来修改执行速度3、第三个参数:用来监控执行完成事件

  • jquery怎么将获取的对象变成数组
  • 如何利用jQuery库控制a标签点击变色
  • jquery如何使用css()设置多个css样式
  • 易语言——怎样为窗口添加菜单栏 菜单怎么做
  • 教你怎么用AffinityPhoto的填充图层
  • 热门搜索
    边境牧羊犬怎么训练 土木工程专业怎么样 昂克赛拉怎么样 怎么设置无线网 郑州铁路职业技术学院怎么样 学生头怎么扎好看 鱼鳞病怎么治 鱼汤怎么炖 羸弱怎么读 延时环怎么用