1.jQuery 拥有以下滑动方法:
slideDown() 划出
slideUp() 划入
slideToggle() 划出划入切换
语法:$('#select').slideUp(speed,callback); // 第一个参数为数速 第二个参数为回调方法(可选)
2.jQuery 拥有下面四种 fade 方法: 淡入 淡出
fadeIn()
fadeOut()
fadeToggle() // 淡入 淡出 来回切换
fadeTo() fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的 不透明度(值介于 0 与 1 之间)。 例:fadeTo(‘slow’,0.1);
语法:$('#select').fadeIn(speed,callback); // 第一个参数为数速 第二个参数为回调方法(可选)
3.显示 隐藏 hide 用法
hide() 隐藏
show() 显现
Toggle() 显示/隐藏 切换
语法:$('#select').hide(speed,callback); // 第一个参数为数速 第二个参数为回调方法(可选)
4.自定义动画
$(selector).animate(styles,speed,easing,callback) // 第一个为样式(必选) 第二个为速度(可选)
第三个为(可选),规定在不同的动画点中设置动画速度的 easing 函数 第四个(可选) 回调函数
语法:$(".btn1").click(function(){$("#box").animate({height:"300px"});
});