您好,欢迎来到世卫汽车网。
搜索
您的当前位置:首页jQuery实现动画效果的简单实例_jquery

jQuery实现动画效果的简单实例_jquery

来源:世卫汽车网


一、需求原因
目前jQuery已经是一个比较成熟的框架了,而且基于他的插件也有上百种,本例我手动用jQuery实现一个动画效果的例子。

二、具体实现
代码如下:




jQuery实现动画效果



$(function(){
$("#test").css("optcity","0.5");//设置不透明
$("#test").click(function(){
$(this).animate({left:"400px",height:"200px",opacity:"1"},300)
.animate({top:"200px",width:"200px"},300)
.fadeOut("slow");
});
});







三、运行结果

Copyright © 2019- 07swz.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务