jQuery效果总结

hide():隐藏,有两个可选参数:hide(speed,callback)

speed可以是关键词:slow或fast,还可以是毫秒值,关键词要用引号包裹,毫秒值不用引号包裹,如:hide('slow'),hide(1000)

callback是动画执行完成后执行的函数名称,函数名称也不用引号包裹,如:function animate () { $('div').toggle(2000,animate);}

show():显示,toggle():切换显示和隐藏,这两者的参数都和hide()相同

 

fadeIn():淡入通过display:none方式隐藏的元素,不支持通过其他方式隐藏的元素,参数和hide()相同

fadeOut():淡出可见的元素,参数和hide()相同

fadeToggle():如果开始时是隐藏的元素那么只支持display:none方式的,不支持其他方式的,参数和hide()相同

fadeTo():渐变为给定的不透明度,有两个必要参数:speed和opacity,还有一个可选参数:callback,opacity不用引号包裹,其他参数和hide()相同

 

slideDown():向下展开,也是只支持display:none方式的,不支持其他方式的,参数和hide()相同

slideUp():向上收起,参数和hide()相同

slideToggle():如果开始时是隐藏的元素那么只支持display:none方式的,不支持其他方式的,参数和hide()相同

stop():结束未完成的动画,两个可选参数:

stopAll:是否清除排入队列的动画,默认false

goToEnd:是否立即结束当前动画,默认false

 

animate()语法:

animate({marginLeft:"50px"},500),CSS属性要用驼峰写法,不能用连字符

animate({left:"50px"},500),CSS属性值要用引号括上

animate({left:50},500),CSS属性值是纯数字时可以不用引号,默认单位是px

animate({left:50,marginLeft:"50px"},500),每句CSS后都没有分号,CSS语句之间要用逗号间隔

posted @ 2017-02-15 17:11  chuanzhi946  阅读(172)  评论(0)    收藏  举报