jQuery入门[6]－动画时间：2009-05-13相关文章：HYPERLINK"http://www.jzxue.com/wangzhankaifa/javascript-ajax/201209/20-14314.html"玩透javascript弹出窗口HYPERLINK"http://www.jzxue.com/wangzhankaifa/javascript-ajax/201209/19-14291.html"状态栏走马灯效果HYPERLINK"http://www.jzxue.com/wangzhankaifa/javascript-ajax/201209/19-14290.html"JavaScript教程HYPERLINK"http://www.jzxue.com/wangzhankaifa/javascript-ajax/201209/19-14289.html"操作cookies的js框架HYPERLINK"http://www.jzxue.com/wangzhankaifa/javascript-ajax/201209/19-14288.html"纯javascript联动的例子HYPERLINK"http://www.jzxue.com/wangzhankaifa/javascript-ajax/201209/19-14287.html"JavaScript的BASE64HYPERLINK"http://www.jzxue.com/wangzhankaifa/javascript-ajax/201209/19-14286.html"AJAX技术基础介绍HYPERLINK"http://www.jzxue.com/wangzhankaifa/javascript-ajax/201209/19-14285.html"菜鸟应用JAVASCRIPT之简易网页音乐播放程HYPERLINK"http://www.jzxue.com/wangzhankaifa/javascript-ajax/201209/19-14284.html"结合JavaScript与ASP.NETWeb窗体进行程序HYPERLINK"http://www.jzxue.com/wangzhankaifa/javascript-ajax/201209/19-14283.html"菜鸟应用JAVASCRIPT之简易闹钟程序[HYPERLINK"http://www.jzxue.com/"\t"_blank"网站建设之]jQuery入门[6]－动画HYPERLINK"http://www.jzxue.com/special/jQuerycongrumendaojinjijiaocheng_2100.html"\t"_blank"jQuery直接各种动画，常见的被封装成各种方法，如show()/hide()/slideDown()/fadeIn()等等，参见：HYPERLINK"http://docs.jquery.com/effects"Effects最灵活的则属于animate(params,[duration],[easing],[callback])方法，参见：HYPERLINK"http://docs.jquery.com/Effects/animate"animate其中params为动画的运行结果，可以为各种样式属性，jQuery将在duration指定的时间内，将对象的当前状态渐变为params参数指定的值。如：$("#go").click(function(){$("#block").animate({width:"70%",opacity:0.4,marginLeft:"0.6in",fontSize:"3em",borderWidth:"10px"},1500);});params也可以是一些相对数据：$("#right").click(function(){$(".block").animate({"left":"+=50px"},"slow");});$("#left").click(function(){$(".block").animate({"left":"-=50px"},"slow");});通过stop()函数可将对象再在执行的动画暂停。选择符:animated可以判断对象是否处在动画运行状态。以下为来自官网的一个例子：<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/