基础特效
1)hide方法
隐藏匹配的元素,有三个参数可以传,不传参数表示立刻隐藏
hide( [duration] [, easing] [, complete] )
1. duration:一个字符串或者数字决定动画将允行多久,如果不传第一个参数,但是传了后面的参数字符串 'fast' 和 'slow',
分别代表200和600毫秒
<script type="text/javascript">
$(function () {
$('button').on('click',function () {
//不传参数代表立刻隐藏
$('#div1').hide('slow');
});
});
</script>
</head>
<body id="body">
<button>点我试试</button>
<div id="div1"></div>
2. easing:一个字符串,表示过度使用哪种缓动函数(默认:swing)
jQuery自身提供"linear"和"swing",其他过渡效果可以使用相关的插件完成
3. complete:在动画执行时完成的函数,函数内部的this指向指向执行动画的DOM元素
2)show方法
显示匹配的元素
show( [duration] [, easing] [, complete] )
3)toggle方法
显示或隐藏方法
1. toggle( [duration] [, easing] [, complete] )
2. toggle(Boolean) 一个布尔值,使用 true 来显示元素,或 false 隐藏它
滑动特效
1)slideDown方法
用滑动动画显示匹配元素
slideDown( [duration] [, easing] [, complete] )
2)slideUp方法
用滑动动画隐藏匹配元素
slideUp( [duration] [, easing] [, complete] )
3)slideToggle方法
用滑动动画显示或隐藏匹配元素
slideToggle( [duration] [, easing] [, complete] )