jquery动画效果相关方法实例分析_jquery

jquery动画效果相关方法实例分析_jquery

ID:30777956

大小:59.50 KB

页数:5页

时间:2019-01-03

jquery动画效果相关方法实例分析_jquery_第1页
jquery动画效果相关方法实例分析_jquery_第2页
jquery动画效果相关方法实例分析_jquery_第3页
jquery动画效果相关方法实例分析_jquery_第4页
jquery动画效果相关方法实例分析_jquery_第5页
资源描述:

《jquery动画效果相关方法实例分析_jquery》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、jQuery动画效果相关方法实例分析木文实例讲述了jQuery动画效果和关方法。分享给大家供大家参考,具体如下:1、show()显示效果语法:show(speed,cal1back)Number/String,Functionspeend为动画执彳亍时间,单位为毫秒。也可以为slow","normal",,zfast,zcallback可选,为当动画完成时执行的函数。show(speed,[easing],callback)Number/Stringeasing默认是swing,可选1inear;复制代码代码如下:$(n#div1U).show(3000,function(){ale

2、rt(“动画显示完成!“);});2、hide()隐藏效果hide(speed,callback)Number/String,Functionhide(speed,easing,callback)Number/String复制代码代码如下:$(n#div1U).hide(3000,function(){alert(”动画隐藏完成”)});3、toggleO隐藏显示自动切换,当目前为显示则隐藏,当目前为隐藏则显示语法:toggle(speed,callback)Number/String,Funcliontoggle(speed,callback)Number/String,Strin

3、g,Function复制代码代码如下:$(H#div1U).toggle(3000,function(){alert(“动画效果切换完成”)});4、slideDown()向下显示,slow。是水平与垂直方向同时展开,而slideDown是仅仅在垂直方向向下展开语法:siideDown(speed,callback)Number/String,FunctionslidcDown(speed,[casing],callback)Number/String,Function复制代码代码如下:$(n#div1u).slideDown(3000,function(){alert(”向卜展开显

4、示成功!”);));5、slideUpO向上隐藏,hide()是水平与垂直两个方向的,而slideUpO仅仅是垂直方向向上收起隐藏语法:slideUp(speed,callback)Number/String,FunctionslideUp(speed,[easing],callback)Number/String,String,Function复制代码代码如下:$C'#div1u).slideUp(3000,function(){alert(H向上收起隐藏成功!“);})6、slideToggle垂直方向上切换,toggle是水平与垂直两个方向上的,而slideToggle是仅仅垂

5、直方向的。语法:siideToggle(speed,callback)Number/String,FundionsiideToggle(speed,[easing],callback)Number/String,String,Function复制代码代码如下:$(n#div1u).slideToggle(3000,function(){alert(M水平方向上切换成功”);});7、fadelnO以改变透明度来显示语法:fadeln(speed,callback)Number/String,FunctionfadeTn(speed,[easing],callback)Number/S

6、tring,Function复制代码代码如下:$(M#div1n).FadeIn(3000,function(){alert(“淡入显示成功!”);});fadeOutO以改变透明度来隐藏语法:fadeOut(speed,callback)Number/String,FunctionfadeOut(speed,[casing],callcack)Number/String,String,Function复制代码代码如下:$(H#div1U).fade0ut(3000,function(){alert(”淡出隐藏成功!“);));9.fadeToggleO以改变透明度来切换显示隐藏状态

7、语法:fadeToggle(speed,callback)Number/String,FunctionfadeToggle(speed,[easing],callback)Number/String,Function复制代码代码如下:$(n#div1n).fadeToggle(3000,function(){alert(n淡入淡岀切换成功!”);});10.fadeTo()由指定的时间将透明度改变到指定的透明度语法:fadeTo(speed,callbac

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。