设为首页 加入收藏

TOP

jQuery实现动画效果的例子
2014-11-24 14:28:22 来源: 作者: 【 】 浏览:2
Tags:jQuery 实现 动画 效果 例子

一、需求原因


目前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");


});


});








三、运行结果



】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇jQuery自定义事件实现例子 下一篇jQuery中blur和focus事件的应用

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: