一、需求原因目前jQuery已经是一个比较成熟的框架了,而且基于他的插件也有上百种,本例我手动用jQuery实现一个动画效果的例子。 二、具体实现 复制代码 代码如下: jQuery实现动画效果 <BR> #test {<BR> position:relative;<BR> width:100px;<BR> height:100px;<BR> border:1px solid #0050d0;<BR> background:#96e555;<BR> cursor:pointer;<BR> }<BR> <BR> $(function(){<BR> $("#test").css("optcity","0.5");//设置不透明<BR> $("#test").click(function(){<BR> $(this).animate({left:"400px",height:"200px",opacity:"1"},300)<BR> .animate({top:"200px",width:"200px"},300)<BR> .fadeOut("slow");<BR> });<BR> });<BR> 三、运行结果