jQuery实现动画效果的例子

2014-11-24 14:28:22 · 作者: · 浏览: 4

一、需求原因


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


二、具体实现






jQuery实现动画效果


<script language="java script"src="../jQuery/jquery-1.7.1.min.js">



<script type="text/java script">


$(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");


});


});








三、运行结果